From 78727b0e7a763e1217ea54d39359b9cb3b07f103 Mon Sep 17 00:00:00 2001 From: pratu16x7 Date: Mon, 20 Nov 2017 04:58:11 +0530 Subject: [PATCH 01/51] add a couple of more utils --- dist/frappe-charts.esm.js | 338 ++++++++++++++-------------- dist/frappe-charts.min.cjs.js | 2 +- dist/frappe-charts.min.esm.js | 2 +- dist/frappe-charts.min.iife.js | 2 +- docs/assets/js/frappe-charts.min.js | 2 +- src/js/charts/AxisChart.js | 132 +++++------ src/js/charts/BarChart.js | 8 +- src/js/charts/BaseChart.js | 37 +-- src/js/charts/LineChart.js | 16 +- src/js/utils/draw-utils.js | 18 ++ src/js/utils/helpers.js | 16 ++ 11 files changed, 288 insertions(+), 285 deletions(-) diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js index 4e6b081..65531a4 100644 --- a/dist/frappe-charts.esm.js +++ b/dist/frappe-charts.esm.js @@ -1,20 +1,20 @@ -function $(expr, con) { +function $$1(expr, con) { return typeof expr === "string"? (con || document).querySelector(expr) : expr || null; } -$.create = (tag, o) => { +$$1.create = (tag, o) => { var element = document.createElement(tag); for (var i in o) { var val = o[i]; if (i === "inside") { - $(val).appendChild(element); + $$1(val).appendChild(element); } else if (i === "around") { - var ref = $(val); + var ref = $$1(val); ref.parentNode.insertBefore(element, ref); element.appendChild(ref); @@ -66,7 +66,7 @@ function getElementContentWidth(element) { return element.clientWidth - padding; } -$.bind = (element, o) => { +$$1.bind = (element, o) => { if (element) { for (var event in o) { var callback = o[event]; @@ -78,7 +78,7 @@ $.bind = (element, o) => { } }; -$.unbind = (element, o) => { +$$1.unbind = (element, o) => { if (element) { for (var event in o) { var callback = o[event]; @@ -90,7 +90,7 @@ $.unbind = (element, o) => { } }; -$.fire = (target, type, properties) => { +$$1.fire = (target, type, properties) => { var evt = document.createEvent("HTMLEvents"); evt.initEvent(type, true, true ); @@ -102,6 +102,59 @@ $.fire = (target, type, properties) => { return target.dispatchEvent(evt); }; +/** + * Returns the value of a number upto 2 decimal places. + * @param {Number} d Any number + */ +function floatTwo(d) { + return parseFloat(d.toFixed(2)); +} + +/** + * Returns whether or not two given arrays are equal. + * @param {Array} arr1 First array + * @param {Array} arr2 Second array + */ +function arraysEqual(arr1, arr2) { + if(arr1.length !== arr2.length) return false; + let areEqual = true; + arr1.map((d, i) => { + if(arr2[i] !== d) areEqual = false; + }); + return areEqual; +} + +/** + * Shuffles array in place. ES6 version + * @param {Array} array An array containing the items. + */ + + +/** + * Fill an array with extra points + * @param {Array} array Array + * @param {Number} count number of filler elements + * @param {Object} element element to fill with + * @param {Boolean} start fill at start? + */ +function fillArray(array, count, element, start=false) { + if(!element) { + element = start ? array[0] : array[array.length - 1]; + } + let fillerArray = new Array(Math.abs(count)).fill(element); + array = start ? fillerArray.concat(array) : array.concat(fillerArray); + return array; +} + +/** + * Returns pixel width of string. + * @param {String} string + * @param {Number} charWidth Width of single char in pixels + */ +function getStringWidth(string, charWidth) { + return (string+"").length * charWidth; +} + function getBarHeightAndYAttr(yTop, zeroLine, totalHeight) { let height, y; if (yTop <= zeroLine) { @@ -126,9 +179,25 @@ function getBarHeightAndYAttr(yTop, zeroLine, totalHeight) { return [height, y]; } +function equilizeNoOfPositions(old_x, old_y, new_x, new_y) { + let extra_count = new_x.length - old_x.length; + if(extra_count >= 0) { + // Substitute current unit set with a squiggled one (more units at end) + // in order to animate to stretch it later to new points + old_x = fillArray(old_x, extra_count); + old_y = fillArray(old_y, extra_count); + } else { + // Modify the new points to have extra points + // with the same position at end, old positions will squeeze in + new_x = fillArray(new_x, extra_count); + new_y = fillArray(new_y, extra_count); + } + return [old_x, old_y, new_x, new_y]; +} + // Constants used -function $$1(expr, con) { +function $$2(expr, con) { return typeof expr === "string"? (con || document).querySelector(expr) : expr || null; } @@ -139,10 +208,10 @@ function createSVG(tag, o) { var val = o[i]; if (i === "inside") { - $$1(val).appendChild(element); + $$2(val).appendChild(element); } else if (i === "around") { - var ref = $$1(val); + var ref = $$2(val); ref.parentNode.insertBefore(element, ref); element.appendChild(ref); @@ -694,43 +763,6 @@ function getMaxCheckpoint(value, distribution) { return distribution.filter(d => d < value).length; } -/** - * Returns the value of a number upto 2 decimal places. - * @param {Number} d Any number - */ -function floatTwo(d) { - return parseFloat(d.toFixed(2)); -} - -/** - * Returns whether or not two given arrays are equal. - * @param {Array} arr1 First array - * @param {Array} arr2 Second array - */ -function arraysEqual(arr1, arr2) { - if(arr1.length !== arr2.length) return false; - let areEqual = true; - arr1.map((d, i) => { - if(arr2[i] !== d) areEqual = false; - }); - return areEqual; -} - -/** - * Shuffles array in place. ES6 version - * @param {Array} array An array containing the items. - */ - - -/** - * Returns pixel width of string. - * @param {String} string - * @param {Number} charWidth Width of single char in pixels - */ -function getStringWidth(string, charWidth) { - return (string+"").length * charWidth; -} - class SvgTip { constructor({ parent = null, @@ -763,7 +795,7 @@ class SvgTip { } make_tooltip() { - this.container = $.create('div', { + this.container = $$1.create('div', { inside: this.parent, className: 'graph-svg-tip comparison', innerHTML: ` @@ -793,7 +825,7 @@ class SvgTip { this.list_values.map((set, i) => { const color = this.colors[i] || 'black'; - let li = $.create('li', { + let li = $$1.create('li', { styles: { 'border-top': `3px solid ${color}` }, @@ -911,7 +943,7 @@ const COMPATIBLE_CHARTS = { heatmap: [] }; -// TODO: Needs structure as per only labels/datasets +// Needs structure as per only labels/datasets const COLOR_COMPATIBLE_CHARTS = { bar: ['line', 'scatter'], line: ['scatter', 'bar'], @@ -945,6 +977,7 @@ class BaseChart { this.subtitle = subtitle; this.data = data; + this.oldData = Object.assign({}, data); this.specific_values = data.specific_values || []; this.summary = summary; @@ -989,7 +1022,7 @@ class BaseChart { setColors(colors, type) { this.colors = colors; - // TODO: Needs structure as per only labels/datasets + // Needs structure as per only labels/datasets const list = type === 'percentage' || type === 'pie' ? this.data.labels : this.data.datasets; @@ -1068,7 +1101,7 @@ class BaseChart { setup_base_values() {} setup_container() { - this.container = $.create('div', { + this.container = $$1.create('div', { className: 'chart-container', innerHTML: `
${this.title}
${this.subtitle}
@@ -1106,7 +1139,9 @@ class BaseChart { ); } - setup_components() { } + setup_components() {} + setup_values() {} + setup_utils() {} make_tooltip() { this.tip = new SvgTip({ @@ -1116,11 +1151,10 @@ class BaseChart { this.bind_tooltip(); } - show_summary() {} show_custom_summary() { this.summary.map(d => { - let stats = $.create('div', { + let stats = $$1.create('div', { className: 'stats', innerHTML: ` @@ -1167,31 +1201,10 @@ class BaseChart { on_down_arrow() {} on_enter_key() {} - get_data_point(index=this.current_index) { - // check for length - let data_point = { - index: index - }; - let y = this.y[0]; - ['svg_units', 'y_tops', 'values'].map(key => { - let data_key = key.slice(0, key.length-1); - data_point[data_key] = y[key][index]; - }); - data_point.label = this.x[index]; - return data_point; - } - - update_current_data_point(index) { - index = parseInt(index); - if(index < 0) index = 0; - if(index >= this.x.length) index = this.x.length - 1; - if(index === this.current_index) return; - this.current_index = index; - $.fire(this.parent, "data-select", this.get_data_point()); - } + updateData() {} - // Objects - setup_utils() { } + getDataPoint() {} + updateCurrentDataPoint() {} makeDrawAreaComponent(className, transform='') { return makeSVGGroup(this.draw_area, className, transform); @@ -1211,11 +1224,12 @@ class AxisChart extends BaseChart { this.format_tooltip_x = args.format_tooltip_x; this.zero_line = this.height; - - // this.old_values = {}; } validate_and_prepare_data() { + this.y.forEach(function(d, i) { + d.index = i; + }, this); return true; } @@ -1426,8 +1440,8 @@ class AxisChart extends BaseChart { if(this.raw_chart_args.hasOwnProperty("init") && !this.raw_chart_args.init) { this.y.map((d, i) => { d.svg_units = []; - this.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, this.colors[i]); - this.make_new_units(d, i); + this.make_path && this.make_path(d, this.x_axis_positions, d.y_tops, this.colors[i]); + this.make_new_units(d); this.calc_y_dependencies(); }); return; @@ -1438,8 +1452,8 @@ class AxisChart extends BaseChart { } this.y.map((d, i) => { d.svg_units = []; - this.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, this.colors[i]); - this.make_new_units(d, i); + this.make_path && this.make_path(d, this.x_axis_positions, d.y_tops, this.colors[i]); + this.make_new_units(d); }); } @@ -1451,8 +1465,8 @@ class AxisChart extends BaseChart { data.push({values: d.values}); d.svg_units = []; - this.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, this.colors[i]); - this.make_new_units(d, i); + this.make_path && this.make_path(d, this.x_axis_positions, d.y_tops, this.colors[i]); + this.make_new_units(d); }); setTimeout(() => { @@ -1471,12 +1485,12 @@ class AxisChart extends BaseChart { } } - make_new_units(d, i) { + make_new_units(d) { this.make_new_units_for_dataset( this.x_axis_positions, d.y_tops, - this.colors[i], - i, + this.colors[d.index], + d.index, this.y.length ); } @@ -1606,7 +1620,7 @@ class AxisChart extends BaseChart { this.sum_units ); - // this.make_path && this.make_path(d, i, old_x, old_y, this.colors[i]); + // this.make_path && this.make_path(d, old_x, old_y, this.colors[i]); this.updating = false; } @@ -1621,13 +1635,13 @@ class AxisChart extends BaseChart { show_averages() { this.old_specific_values = this.specific_values.slice(); - this.y.map((d, i) => { + this.y.map(d => { let sum = 0; d.values.map(e => {sum+=e;}); let average = sum/d.values.length; this.specific_values.push({ - title: "AVG" + " " + (i+1), + title: "AVG" + " " + (d.index+1), line_type: "dashed", value: average, auto: 1 @@ -1664,10 +1678,8 @@ class AxisChart extends BaseChart { this.old_y_values = this.y.map(d => d.values); - this.no_of_extra_pts = new_x.length - this.x.length; - // Just update values prop, setup_x/y() will do the rest - if(new_y) this.y.map((d, i) => {d.values = new_y[i].values;}); + if(new_y) this.y.map(d => {d.values = new_y[d.index].values;}); if(new_x) this.x = new_x; this.setup_x(); @@ -1747,34 +1759,38 @@ class AxisChart extends BaseChart { } animate_graphs() { - this.y.map((d, i) => { + this.y.map(d => { // Pre-prep, equilize no of positions between old and new - let [old_x, old_y, new_x, new_y] = this.calc_old_and_new_postions(d, i); - if(this.no_of_extra_pts >= 0) { - this.make_path && this.make_path(d, i, old_x, old_y, this.colors[i]); - this.make_new_units_for_dataset(old_x, old_y, this.colors[i], i, this.y.length); + let [old_x, old_y, new_x, new_y] = equilizeNoOfPositions( + this.x_old_axis_positions.slice(), + this.old_y_axis_tops[d.index].slice(), + this.x_axis_positions.slice(), + d.y_tops.slice() + ); + if(new_x.length - old_x.length > 0) { + this.make_path && this.make_path(d, old_x, old_y, this.colors[d.index]); + this.make_new_units_for_dataset(old_x, old_y, this.colors[d.index], d.index, this.y.length); } - d.path && this.animate_path(d, i, old_x, old_y, new_x, new_y); - this.animate_units(d, i, old_x, old_y, new_x, new_y); + d.path && this.animate_path(d, new_x, new_y); + this.animate_units(d, old_x, old_y, new_x, new_y); }); // TODO: replace with real units setTimeout(() => { - this.y.map((d, i) => { - this.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, this.colors[i]); - this.make_new_units(d, i); + this.y.map(d => { + this.make_path && this.make_path(d, this.x_axis_positions, d.y_tops, this.colors[d.index]); + this.make_new_units(d); }); }, 400); } - animate_path(d, i, old_x, old_y, new_x, new_y) { + animate_path(d, new_x, new_y) { const newPointsList = new_y.map((y, i) => (new_x[i] + ',' + y)); - const newPathStr = newPointsList.join("L"); this.elements_to_animate = this.elements_to_animate - .concat(this.animator['path'](d, newPathStr)); + .concat(this.animator['path'](d, newPointsList.join("L"))); } - animate_units(d, index, old_x, old_y, new_x, new_y) { + animate_units(d, old_x, old_y, new_x, new_y) { let type = this.unit_args.type; d.svg_units.map((unit, i) => { @@ -1783,51 +1799,12 @@ class AxisChart extends BaseChart { {unit:unit, array:d.svg_units, index: i}, // unit, with info to replace where it came from in the data new_x[i], new_y[i], - index, + d.index, this.y.length )); }); } - calc_old_and_new_postions(d, i) { - let old_x = this.x_old_axis_positions.slice(); - let new_x = this.x_axis_positions.slice(); - - let old_y = this.old_y_axis_tops[i].slice(); - let new_y = d.y_tops.slice(); - - const last_old_x_pos = old_x[old_x.length - 1]; - const last_old_y_pos = old_y[old_y.length - 1]; - - const last_new_x_pos = new_x[new_x.length - 1]; - const last_new_y_pos = new_y[new_y.length - 1]; - - if(this.no_of_extra_pts >= 0) { - // First substitute current path with a squiggled one - // (that looks the same but has more points at end), - // then animate to stretch it later to new points - // (new points already have more points) - - // Hence, the extra end points will correspond to current(old) positions - let filler_x = new Array(Math.abs(this.no_of_extra_pts)).fill(last_old_x_pos); - let filler_y = new Array(Math.abs(this.no_of_extra_pts)).fill(last_old_y_pos); - - old_x = old_x.concat(filler_x); - old_y = old_y.concat(filler_y); - - } else { - // Just modify the new points to have extra points - // with the same position at end - let filler_x = new Array(Math.abs(this.no_of_extra_pts)).fill(last_new_x_pos); - let filler_y = new Array(Math.abs(this.no_of_extra_pts)).fill(last_new_y_pos); - - new_x = new_x.concat(filler_x); - new_y = new_y.concat(filler_y); - } - - return [old_x, old_y, new_x, new_y]; - } - make_anim_x_axis(height, text_start_at, axis_line_class) { // Animate X AXIS to account for more or less axis lines @@ -1993,6 +1970,29 @@ class AxisChart extends BaseChart { ]); } + getDataPoint(index=this.current_index) { + // check for length + let data_point = { + index: index + }; + let y = this.y[0]; + ['svg_units', 'y_tops', 'values'].map(key => { + let data_key = key.slice(0, key.length-1); + data_point[data_key] = y[key][index]; + }); + data_point.label = this.x[index]; + return data_point; + } + + updateCurrentDataPoint(index) { + index = parseInt(index); + if(index < 0) index = 0; + if(index >= this.x.length) index = this.x.length - 1; + if(index === this.current_index) return; + this.current_index = index; + $.fire(this.parent, "data-select", this.getDataPoint()); + } + set_avg_unit_width_and_x_offset() { // Set the ... you get it this.avg_unit_width = this.width/(this.x.length - 1); @@ -2012,7 +2012,7 @@ class AxisChart extends BaseChart { } calc_y_dependencies() { - this.y_min_tops = new Array(this.x_axis_positions.length).fill(9999); + this.y_min_tops = new Array(this.x.length).fill(9999); this.y.map(d => { d.y_tops = d.values.map( val => floatTwo(this.zero_line - val * this.multiplier)); d.y_tops.map( (y_top, i) => { @@ -2051,7 +2051,7 @@ class BarChart extends AxisChart { // Just make one out of the first element let index = this.x.length - 1; let unit = this.y[0].svg_units[index]; - this.update_current_data_point(index); + this.updateCurrentDataPoint(index); if(this.overlay) { this.overlay.parentNode.removeChild(this.overlay); @@ -2073,7 +2073,7 @@ class BarChart extends AxisChart { units_array.map(unit => { unit.addEventListener('click', () => { let index = unit.getAttribute('data-point-index'); - this.update_current_data_point(index); + this.updateCurrentDataPoint(index); }); }); } @@ -2093,11 +2093,11 @@ class BarChart extends AxisChart { } on_left_arrow() { - this.update_current_data_point(this.current_index - 1); + this.updateCurrentDataPoint(this.current_index - 1); } on_right_arrow() { - this.update_current_data_point(this.current_index + 1); + this.updateCurrentDataPoint(this.current_index + 1); } set_avg_unit_width_and_x_offset() { @@ -2162,19 +2162,19 @@ class LineChart extends AxisChart { } make_paths() { - this.y.map((d, i) => { - this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]); + this.y.map(d => { + this.make_path(d, this.x_axis_positions, d.y_tops, d.color || this.colors[d.index]); }); } - make_path(d, i, x_positions, y_positions, color) { + make_path(d, x_positions, y_positions, color) { let points_list = y_positions.map((y, i) => (x_positions[i] + ',' + y)); let points_str = points_list.join("L"); - this.paths_groups[i].textContent = ''; + this.paths_groups[d.index].textContent = ''; d.path = makePath("M"+points_str, 'line-graph-path', color); - this.paths_groups[i].appendChild(d.path); + this.paths_groups[d.index].appendChild(d.path); if(this.heatline) { let gradient_id = makeGradient(this.svg_defs, color); @@ -2182,16 +2182,16 @@ class LineChart extends AxisChart { } if(this.region_fill) { - this.fill_region_for_dataset(d, i, color, points_str); + this.fill_region_for_dataset(d, color, points_str); } } - fill_region_for_dataset(d, i, color, points_str) { + fill_region_for_dataset(d, color, points_str) { let gradient_id = makeGradient(this.svg_defs, color, true); let pathStr = "M" + `0,${this.zero_line}L` + points_str + `L${this.width},${this.zero_line}`; d.regionPath = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id})`); - this.paths_groups[i].appendChild(d.regionPath); + this.paths_groups[d.index].appendChild(d.regionPath); } } @@ -2250,19 +2250,19 @@ class PercentageChart extends BaseChart { } make_draw_area() { - this.chart_div = $.create('div', { + this.chart_div = $$1.create('div', { className: 'div', inside: this.chart_wrapper }); - this.chart = $.create('div', { + this.chart = $$1.create('div', { className: 'progress-chart', inside: this.chart_div }); } setup_components() { - this.percentage_bar = $.create('div', { + this.percentage_bar = $$1.create('div', { className: 'progress', inside: this.chart }); @@ -2307,7 +2307,7 @@ class PercentageChart extends BaseChart { this.grand_total = this.slice_totals.reduce((a, b) => a + b, 0); this.slices = []; this.slice_totals.map((total, i) => { - let slice = $.create('div', { + let slice = $$1.create('div', { className: `progress-bar`, inside: this.percentage_bar, styles: { @@ -2341,7 +2341,7 @@ class PercentageChart extends BaseChart { ? this.formatted_labels : this.labels; this.legend_totals.map((d, i) => { if(d) { - let stats = $.create('div', { + let stats = $$1.create('div', { className: 'stats', inside: this.stats_wrapper }); @@ -2550,7 +2550,7 @@ class PieChart extends BaseChart { const color = this.colors[i]; if(d) { - let stats = $.create('div', { + let stats = $$1.create('div', { className: 'stats', inside: this.stats_wrapper }); diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js index fef2d42..ae8a7d5 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 $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function offset(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 getBarHeightAndYAttr(t,e,i){var a=void 0,s=void 0;return t<=e?(s=t,0===(a=e-t)&&(s-=a=.01*i)):(s=e,0===(a=t-e)&&(a=.01*i)),[a,s]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var s=e[a];if("inside"===a)$$1(s).appendChild(i);else if("around"===a){var n=$$1(s);n.parentNode.insertBefore(i,n),i.appendChild(n)}else"styles"===a?"object"===(void 0===s?"undefined":_typeof(s))&&Object.keys(s).map(function(t){i.style[t]=s[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=s:i.setAttribute(a,s))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e,s=renderVerticalGradient(t,a),n=[1,.6,.2];return i&&(n=[.4,.2,0]),setGradientStop(s,"0%",e,n[0]),setGradientStop(s,"50%",e,n[1]),setGradientStop(s,"100%",e,n[2]),a}function makeHeatSquare(t,e,i,a){var s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:a,height:a,fill:s};return Object.keys(n).map(function(t){r[t]=n[t]}),createSVG("rect",r)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:".32em",innerHTML:a})}function makeXLine(t,e,i,a,s,n){var r=createSVG("line",{x1:0,x2:0,y1:0,y2:t}),o=createSVG("text",{className:a,x:0,y:e,dy:".71em",innerHTML:i}),l=createSVG("g",{className:"tick "+s,transform:"translate("+n+", 0)"});return l.appendChild(r),l.appendChild(o),l}function makeYLine(t,e,i,a,s,n,r){var o=arguments.length>7&&void 0!==arguments[7]&&arguments[7],l=createSVG("line",{className:"dashed"===(arguments.length>8&&void 0!==arguments[8]?arguments[8]:"")?"dashed":"",x1:t,x2:e,y1:0,y2:0}),h=createSVG("text",{className:s,x:i,y:0,dy:".32em",innerHTML:a+""}),u=createSVG("g",{className:"tick "+n,transform:"translate(0, "+r+")","stroke-opacity":1});return o&&(l.style.stroke="rgba(27, 31, 35, 0.6)"),u.appendChild(l),u.appendChild(h),u}function animateSVG(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,n=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 u=n[l]||t.getAttribute(l),c=e[l],p={attributeName:l,from:u,to:c,begin:"0s",dur:i/1e3+"s",values:u+";"+c,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};s&&(p.type=s);for(var _ in p)h.setAttribute(_,p[_]);r.appendChild(h),s?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}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 runSVGAnimation(t,e){var i=[],a=[];e.map(function(t){var e=t[0],s=e.unit.parentNode,n=void 0,r=void 0;t[0]=e.unit;var o=animateSVG.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);n=l[0],r=l[1],i.push(r),a.push([n,s]),s.replaceChild(n,e.unit),e.array?e.array[e.index]=r:e.object[e.key]=r});var s=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),s}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),s=i-a,n=s,r=1;s>5&&(s%2!=0&&(s=++i-a),n=s/2,r=2),s<=2&&(r=s/(n=4)),0===s&&(n=5,r=1);for(var o=[],l=0;l<=n;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),s=a[0],n=a[1],r=e?e/Math.pow(10,n):0,o=getRangeIntervals(s=s.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,n)})}function calcIntervals(t){function e(t,e){for(var i=getIntervals(t),a=i[1]-i[0],s=0,n=1;s1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),s=Math.min.apply(Math,toConsumableArray(t)),n=[];if(a>=0&&s>=0)normalize(a)[1],n=i?getIntervals(a,s):getIntervals(a);else if(a>0&&s<0){var r=Math.abs(s);a>=r?(normalize(a)[1],n=e(a,r)):(normalize(r)[1],n=e(r,a).map(function(t){return-1*t}))}else if(a<=0&&s<=0){var o=Math.abs(s),l=Math.abs(a);normalize(o)[1],n=(n=i?getIntervals(o,l):getIntervals(o)).reverse().map(function(t){return-1*t})}return n}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),s=[],n=0;n255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var s=parseInt(i,16),n=limitColor((s>>16)+e),r=limitColor((s>>8&255)+e),o=limitColor((255&s)+e);return(a?"#":"")+(o|r<<8|n<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}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 chartTypes[t]?new chartTypes[t](e):new LineChart(e)}__$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{font-size:11px;fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .data-points circle{stroke:#fff;stroke-width:2}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .tick.x-axis-label{display:block}.chart-container .tick .specific-value{text-anchor:start}.chart-container .tick .y-value-text{text-anchor:end}.chart-container .tick .x-value-text{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,s){var o={key:t,arg:e,resolve:i,reject:s,next:null};r?r=r.next=o:(n=r=o,a(t,e))})}function a(i,n){try{var r=e[i](n),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):s(r.done?"return":"normal",r.value)}catch(t){s("throw",t)}}function s(t,e){switch(t){case"return":n.resolve({value:e,done:!0});break;case"throw":n.reject(e);break;default:n.resolve({value:e,done:!1})}(n=n.next)?a(n.key,n.arg):r=null}var n,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\n\t\t\t\t\n\t\t\t\t
'}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",s=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.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 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]:"",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=s,this.x=t,this.y=e,this.title_value_first=n,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}(),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:[]},BaseChart=function(){function t(e){var i=e.height,a=void 0===i?240:i,s=e.title,n=void 0===s?"":s,r=e.subtitle,o=void 0===r?"":r,l=e.colors,h=void 0===l?[]:l,u=e.summary,c=void 0===u?[]:u,p=e.is_navigable,_=void 0===p?0:p,d=e.has_legend,f=void 0===d?0:d,v=e.type,m=void 0===v?"":v,g=e.parent,y=e.data;classCallCheck(this,t),this.raw_chart_args=arguments[0],this.parent="string"==typeof g?document.querySelector(g):g,this.title=n,this.subtitle=o,this.data=y,this.specific_values=y.specific_values||[],this.summary=c,this.is_navigable=_,this.is_navigable&&(this.current_index=0),this.has_legend=f,this.setColors(h,m),this.set_margins(a)}return createClass(t,[{key:"get_different_chart",value:function(t){if(t!==this.type){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[this.type].includes(t)||console.error("'"+this.type+"' chart cannot be converted to a '"+t+"' chart.");var e=COLOR_COMPATIBLE_CHARTS[this.type].includes(t);return new Chart({parent:this.raw_chart_args.parent,title:this.title,data:this.raw_chart_args.data,type:t,height:this.raw_chart_args.height,colors:e?this.colors:void 0})}}},{key:"setColors",value:function(t,e){this.colors=t;var i="percentage"===e||"pie"===e?this.data.labels:this.data.datasets;(!this.colors||i&&this.colors.length0&&void 0!==arguments[0]&&arguments[0];this.setup_base_values(),this.set_width(),this.setup_container(),this.setup_components(),this.setup_values(),this.setup_utils(),this.make_graph_components(t),this.make_tooltip(),this.summary.length>0?this.show_custom_summary():this.show_summary(),this.is_navigable&&this.setup_navigation(t)}},{key:"set_width",value:function(){var t=0;this.specific_values.map(function(e){var i=getStringWidth(e.title+"",8);i>t&&(t=i-40)}),this.base_width=getElementContentWidth(this.parent)-t,this.width=this.base_width-2*this.translate_x}},{key:"setup_base_values",value:function(){}},{key:"setup_container",value:function(){this.container=$.create("div",{className:"chart-container",innerHTML:'
'+this.title+'
\n\t\t\t\t
'+this.subtitle+'
\n\t\t\t\t
\n\t\t\t\t
'}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chart_wrapper=this.container.querySelector(".frappe-chart"),this.stats_wrapper=this.container.querySelector(".graph-stats-container"),this.make_chart_area(),this.make_draw_area()}},{key:"make_chart_area",value:function(){return this.svg=makeSVGContainer(this.chart_wrapper,"chart",this.base_width,this.base_height),this.svg_defs=makeSVGDefs(this.svg),this.svg}},{key:"make_draw_area",value:function(){this.draw_area=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.translate_x+", "+this.translate_y+")")}},{key:"setup_components",value:function(){}},{key:"make_tooltip",value:function(){this.tip=new SvgTip({parent:this.chart_wrapper,colors:this.colors}),this.bind_tooltip()}},{key:"show_summary",value:function(){}},{key:"show_custom_summary",value:function(){var t=this;this.summary.map(function(e){var i=$.create("div",{className:"stats",innerHTML:'\n\t\t\t\t\t\n\t\t\t\t\t'+e.title+": "+e.value+"\n\t\t\t\t"});t.stats_wrapper.appendChild(i)})}},{key:"setup_navigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_overlay(),e&&(this.bind_overlay(),document.addEventListener("keydown",function(e){isElementInViewport(t.chart_wrapper)&&("37"==(e=e||window.event).keyCode?t.on_left_arrow():"39"==e.keyCode?t.on_right_arrow():"38"==e.keyCode?t.on_up_arrow():"40"==e.keyCode?t.on_down_arrow():"13"==e.keyCode&&t.on_enter_key())}))}},{key:"make_overlay",value:function(){}},{key:"bind_overlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"on_left_arrow",value:function(){}},{key:"on_right_arrow",value:function(){}},{key:"on_up_arrow",value:function(){}},{key:"on_down_arrow",value:function(){}},{key:"on_enter_key",value:function(){}},{key:"get_data_point",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","y_tops","values"].map(function(a){var s=a.slice(0,a.length-1);e[s]=i[a][t]}),e.label=this.x[t],e}},{key:"update_current_data_point",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.x.length&&(t=this.x.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.get_data_point()))}},{key:"setup_utils",value:function(){}},{key:"makeDrawAreaComponent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return makeSVGGroup(this.draw_area,t,e)}}]),t}(),AxisChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.x=i.data.labels||[],i.y=i.data.datasets||[],i.is_series=t.is_series,i.format_tooltip_y=t.format_tooltip_y,i.format_tooltip_x=t.format_tooltip_x,i.zero_line=i.height,i}return inherits(e,t),createClass(e,[{key:"validate_and_prepare_data",value:function(){return!0}},{key:"setup_values",value:function(){this.data.datasets.map(function(t){t.values=t.values.map(function(t){return isNaN(t)?0:t})}),this.setup_x(),this.setup_y()}},{key:"setup_x",value:function(){var t=this;this.set_avg_unit_width_and_x_offset(),this.x_axis_positions&&(this.x_old_axis_positions=this.x_axis_positions.slice()),this.x_axis_positions=this.x.map(function(e,i){return floatTwo(t.x_offset+i*t.avg_unit_width)}),this.x_old_axis_positions||(this.x_old_axis_positions=this.x_axis_positions.slice())}},{key:"setup_y",value:function(){this.y_axis_values&&(this.y_old_axis_values=this.y_axis_values.slice());var t=this.get_all_y_values();this.y_sums&&this.y_sums.length>0&&(t=t.concat(this.y_sums)),this.y_axis_values=calcIntervals(t,"line"===this.type),this.y_old_axis_values||(this.y_old_axis_values=this.y_axis_values.slice());var e=this.y_axis_values,i=e[e.length-1]-e[0];this.multiplier&&(this.old_multiplier=this.multiplier),this.multiplier=this.height/i,this.old_multiplier||(this.old_multiplier=this.multiplier);var a=e[1]-e[0],s=a*this.multiplier,n=void 0;n=e.indexOf(0)>=0?e.indexOf(0):e[0]>0?-1*e[0]/a:-1*e[e.length-1]/a+(e.length-1),this.zero_line&&(this.old_zero_line=this.zero_line),this.zero_line=this.height-n*s,this.old_zero_line||(this.old_zero_line=this.zero_line)}},{key:"setup_components",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_components",this).call(this),this.setup_marker_components(),this.setup_aggregation_components(),this.setup_graph_components()}},{key:"setup_marker_components",value:function(){this.y_axis_group=this.makeDrawAreaComponent("y axis"),this.x_axis_group=this.makeDrawAreaComponent("x axis"),this.specific_y_group=this.makeDrawAreaComponent("specific axis")}},{key:"setup_aggregation_components",value:function(){this.sum_group=this.makeDrawAreaComponent("data-points"),this.average_group=this.makeDrawAreaComponent("chart-area")}},{key:"setup_graph_components",value:function(){var t=this;this.svg_units_groups=[],this.y.map(function(e,i){t.svg_units_groups[i]=t.makeDrawAreaComponent("data-points data-points-"+i)})}},{key:"make_graph_components",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_y_axis(),this.make_x_axis(),this.draw_graph(t),this.make_y_specifics()}},{key:"make_x_axis",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=void 0,a=void 0,s=void 0,n="";if("span"===this.x_axis_mode?(i=-7,a=this.height+15,s=this.height+25):"tick"===this.x_axis_mode&&(i=this.height,a=6,s=9,n="x-axis-label"),this.x_axis_group.setAttribute("transform","translate(0,"+i+")"),e)return void this.make_anim_x_axis(a,s,n);var r=1.5*this.avg_unit_width,o=r/8;this.x_axis_group.textContent="",this.x.map(function(e,i){var l=getStringWidth(e,8)+2;if(l>r)if(t.is_series){for(var h=1;l/h*2>r;)h++;if(i%h!=0)return}else e=e.slice(0,o-3)+" ...";t.x_axis_group.appendChild(makeXLine(a,s,e,"x-value-text",n,t.x_axis_positions[i]))})}},{key:"make_y_axis",value:function(){var t=this;if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return this.make_anim_y_axis(),void this.make_anim_y_specifics();var e=this.get_y_axis_line_props(),i=slicedToArray(e,4),a=i[0],s=i[1],n=i[2],r=i[3];this.y_axis_group.textContent="",this.y_axis_values.map(function(e,i){t.y_axis_group.appendChild(makeYLine(r,a,s,e,"y-value-text",n,t.zero_line-e*t.multiplier,0===e&&0!==i))})}},{key:"get_y_axis_line_props",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return[this.width,this.width+5,"specific-value",0];var t=void 0,e="",i=0;return"span"===this.y_axis_mode?(t=this.width+6,i=-6):"tick"===this.y_axis_mode&&(t=-6,e="y-axis-label"),[t,-9,e,i]}},{key:"draw_graph",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.raw_chart_args.hasOwnProperty("init")&&!this.raw_chart_args.init?void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e,i),t.calc_y_dependencies()}):e?void this.draw_new_graph_and_animate():void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e,i)})}},{key:"draw_new_graph_and_animate",value:function(){var t=this,e=[];this.y.map(function(i,a){i.y_tops=new Array(i.values.length).fill(t.zero_line),e.push({values:i.values}),i.svg_units=[],t.make_path&&t.make_path(i,a,t.x_axis_positions,i.y_tops,t.colors[a]),t.make_new_units(i,a)}),setTimeout(function(){t.update_values(e)},350)}},{key:"setup_navigation",value:function(t){var i=this;t?setTimeout(function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_navigation",i).call(i,t)},500):get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_navigation",this).call(this,t)}},{key:"make_new_units",value:function(t,e){this.make_new_units_for_dataset(this.x_axis_positions,t.y_tops,this.colors[e],e,this.y.length)}},{key:"make_new_units_for_dataset",value:function(t,e,i,a,s,n,r,o){n||(n=this.svg_units_groups[a]),r||(r=this.y[a].svg_units),o||(o=this.unit_args),n.textContent="",r.length=0;var l=new UnitRenderer(this.height,this.zero_line,this.avg_unit_width);e.map(function(e,h){var u=l[o.type](t[h],e,o.args,i,h,a,s);n.appendChild(u),r.push(u)}),this.is_navigable&&this.bind_units(r)}},{key:"make_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.specific_y_group.appendChild(makeYLine(0,t.width,t.width+5,e.title.toUpperCase(),"specific-value","specific-value",t.zero_line-e.value*t.multiplier,!1,e.line_type))})}},{key:"bind_tooltip",value:function(){var t=this;this.chart_wrapper.addEventListener("mousemove",function(e){var i=offset(t.chart_wrapper),a=e.pageX-i.left-t.translate_x;e.pageY-i.top-t.translate_y=0;s--){var n=this.x_axis_positions[s];if(t>n-this.avg_unit_width/2){var r=n+this.translate_x,o=this.y_min_tops[s]+this.translate_y,l=i[s],h=this.y.map(function(t,i){return{title:t.title,value:a?e.format_tooltip_y(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(r,o,l,"",h),this.tip.show_tip();break}}}}},{key:"show_sums",value:function(){var t=this;this.updating=!0,this.y_sums=new Array(this.x_axis_positions.length).fill(0),this.y.map(function(e){e.values.map(function(e,i){t.y_sums[i]+=e})}),this.update_values(),this.sum_units=[],this.make_new_units_for_dataset(this.x_axis_positions,this.y_sums.map(function(e){return floatTwo(t.zero_line-e*t.multiplier)}),"#f0f4f7",0,1,this.sum_group,this.sum_units),this.updating=!1}},{key:"hide_sums",value:function(){this.updating||(this.y_sums=[],this.sum_group.textContent="",this.sum_units=[],this.update_values())}},{key:"show_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice(),this.y.map(function(e,i){var a=0;e.values.map(function(t){a+=t});var s=a/e.values.length;t.specific_values.push({title:"AVG "+(i+1),line_type:"dashed",value:s,auto:1})}),this.update_values()}},{key:"hide_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice();var e=[];this.specific_values.map(function(t,i){t.auto&&e.unshift(i)}),e.map(function(e){t.specific_values.splice(e,1)}),this.update_values()}},{key:"update_values",value:function(t,e){var i=this;e||(e=this.x),this.elements_to_animate=[],this.updating=!0,this.old_x_values=this.x.slice(),this.old_y_axis_tops=this.y.map(function(t){return t.y_tops.slice()}),this.old_y_values=this.y.map(function(t){return t.values}),this.no_of_extra_pts=e.length-this.x.length,t&&this.y.map(function(e,i){e.values=t[i].values}),e&&(this.x=e),this.setup_x(),this.setup_y(),this.calc_y_dependencies(),this.animator=new Animator(this.height,this.width,this.zero_line,this.avg_unit_width),arraysEqual(this.x_old_axis_positions,this.x_axis_positions)||(this.make_x_axis(!0),setTimeout(function(){i.updating||i.make_x_axis()},350)),(!arraysEqual(this.y_old_axis_values,this.y_axis_values)||this.old_specific_values&&!arraysEqual(this.old_specific_values,this.specific_values))&&(this.make_y_axis(!0),setTimeout(function(){i.updating||(i.make_y_axis(),i.make_y_specifics())},350)),this.animate_graphs(),this.run_animation(),this.updating=!1}},{key:"add_data_point",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.x.length,a=this.y.map(function(t){return{values:t.values}});a.map(function(e,a){e.values.splice(i,0,t[a])});var s=this.x.slice();s.splice(i,0,e),this.update_values(a,s)}},{key:"remove_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.x.length-1;if(!(this.x.length<3)){var e=this.y.map(function(t){return{values:t.values}});e.map(function(e){e.values.splice(t,1)});var i=this.x.slice();i.splice(t,1),this.update_values(e,i)}}},{key:"run_animation",value:function(){var t=this,e=runSVGAnimation(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},250)}},{key:"animate_graphs",value:function(){var t=this;this.y.map(function(e,i){var a=t.calc_old_and_new_postions(e,i),s=slicedToArray(a,4),n=s[0],r=s[1],o=s[2],l=s[3];t.no_of_extra_pts>=0&&(t.make_path&&t.make_path(e,i,n,r,t.colors[i]),t.make_new_units_for_dataset(n,r,t.colors[i],i,t.y.length)),e.path&&t.animate_path(e,i,n,r,o,l),t.animate_units(e,i,n,r,o,l)}),setTimeout(function(){t.y.map(function(e,i){t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e,i)})},400)}},{key:"animate_path",value:function(t,e,i,a,s,n){var r=n.map(function(t,e){return s[e]+","+t}).join("L");this.elements_to_animate=this.elements_to_animate.concat(this.animator.path(t,r))}},{key:"animate_units",value:function(t,e,i,a,s,n){var r=this,o=this.unit_args.type;t.svg_units.map(function(i,a){void 0!==s[a]&&void 0!==n[a]&&r.elements_to_animate.push(r.animator[o]({unit:i,array:t.svg_units,index:a},s[a],n[a],e,r.y.length))})}},{key:"calc_old_and_new_postions",value:function(t,e){var i=this.x_old_axis_positions.slice(),a=this.x_axis_positions.slice(),s=this.old_y_axis_tops[e].slice(),n=t.y_tops.slice(),r=i[i.length-1],o=s[s.length-1],l=a[a.length-1],h=n[n.length-1];if(this.no_of_extra_pts>=0){var u=new Array(Math.abs(this.no_of_extra_pts)).fill(r),c=new Array(Math.abs(this.no_of_extra_pts)).fill(o);i=i.concat(u),s=s.concat(c)}else{var p=new Array(Math.abs(this.no_of_extra_pts)).fill(l),_=new Array(Math.abs(this.no_of_extra_pts)).fill(h);a=a.concat(p),n=n.concat(_)}return[i,s,a,n]}},{key:"make_anim_x_axis",value:function(t,e,i){var a=this,s=this.x_old_axis_positions,n=this.x_axis_positions,r=this.old_x_values,o=this.x,l=s[s.length-1],h=function(s,n,r){"string"==typeof r&&(r=parseInt(r.substring(0,r.length-1)));var o=makeXLine(t,e,s,"x-value-text",i,n);a.x_axis_group.appendChild(o),a.elements_to_animate&&a.elements_to_animate.push([{unit:o,array:[0],index:0},{transform:r+", 0"},350,"easein","translate",{transform:n+", 0"}])};this.x_axis_group.textContent="",this.make_new_axis_anim_lines(s,n,r,o,l,h)}},{key:"make_anim_y_axis",value:function(){var t=this,e=this.y_old_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),i=this.y_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),a=this.y_old_axis_values,s=this.y_axis_values,n=e[e.length-1];this.y_axis_group.textContent="",this.make_new_axis_anim_lines(e,i,a,s,n,this.add_and_animate_y_line.bind(this),this.y_axis_group)}},{key:"make_anim_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.add_and_animate_y_line(e.title,t.old_zero_line-e.value*t.old_multiplier,t.zero_line-e.value*t.multiplier,0,t.specific_y_group,e.line_type,!0)})}},{key:"make_new_axis_anim_lines",value:function(t,e,i,a,s,n,r){var o=void 0,l=void 0,h=a.length-i.length;if(h>0)o=e.slice(0,t.length),l=a.slice(0,i.length);else{var u=new Array(Math.abs(h)).fill("");l=a.concat(u);var c=new Array(Math.abs(h)).fill(s+"F");o=e.concat(c)}if(l.map(function(e,i){n(e,t[i],o[i],i,r)}),h>0){var p=a.slice(i.length),_=e.slice(t.length);p.map(function(t,e){n(t,s,_[e],e,r)})}}},{key:"add_and_animate_y_line",value:function(t,e,i,a,s,n){var r=arguments.length>6&&void 0!==arguments[6]&&arguments[6],o=!1;"string"==typeof i&&(i=parseInt(i.substring(0,i.length-1)),o=!0);var l={transform:"0, "+i},h={transform:"0, "+e};o&&(l["stroke-opacity"]=0);var u=this.get_y_axis_line_props(r),c=slicedToArray(u,4),p=c[0],_=c[1],d=c[2],f=c[3],v=r?"specific-value":"y-value-text",m=makeYLine(f,p,_,t=r?(t+"").toUpperCase():t,v,d,e,0===t&&0!==a,n);s.appendChild(m),this.elements_to_animate&&this.elements_to_animate.push([{unit:m,array:[0],index:0},l,350,"easein","translate",h])}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length-1),this.x_offset=0}},{key:"get_all_y_values",value:function(){var t=[];return this.y.map(function(e){t=t.concat(e.values)}),t.concat(this.specific_values.map(function(t){return t.value}))}},{key:"calc_y_dependencies",value:function(){var t=this;this.y_min_tops=new Array(this.x_axis_positions.length).fill(9999),this.y.map(function(e){e.y_tops=e.values.map(function(e){return floatTwo(t.zero_line-e*t.multiplier)}),e.y_tops.map(function(e,i){e0}),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:"make_graph_components",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=$.create("div",{className:"progress-bar",inside:t.percentage_bar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"bind_tooltip",value:function(){var t=this;this.slices.map(function(e,i){e.addEventListener("mouseenter",function(){var a=offset(t.chart_wrapper),s=offset(e),n=s.left-a.left+e.offsetWidth/2,r=s.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(n,r,o,l+"%"),t.tip.show_tip()})})}},{key:"show_summary",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&&($.create("div",{className:"stats",inside:t.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),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,s=this.radius,n=this.clockWise;return"M"+i+" "+a+" L"+(i+t.x)+" "+(a+t.y)+" A "+s+" "+s+" 0 0 "+(n?1:0)+" "+(i+e.x)+" "+(a+e.y)+" z"}},{key:"make_graph_components",value:function(t){var i=this,a=this.radius,s=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,u=o/i.grand_total*FULL_ANGLE,c=s?-u:u,p=r+=c,_=e.getPositionByAngle(h,a),d=e.getPositionByAngle(p,a),f=t&&n[l],v=void 0,m=void 0;t?(v=f?f.startPosition:_,m=f?f.endPosition:_):(v=_,m=d);var g=i.makeArcPath(v,m),y=makePath(g,"pie-path","none",i.colors[l]);y.style.transition="transform .3s;",i.draw_area.appendChild(y),i.slices.push(y),i.slicesProperties.push({startPosition:_,endPosition:d,value:o,total:i.grand_total,startAngle:h,endAngle:p,angle:c}),t&&i.elements_to_animate.push([{unit:y,array:i.slices,index:i.slices.length-1},{d:i.makeArcPath(_,d)},650,"easein",null,{d:g}])}),t&&this.run_animation()}},{key:"run_animation",value:function(){var t=this;if(this.elements_to_animate&&0!==this.elements_to_animate.length){var e=runSVGAnimation(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},650)}}},{key:"calTranslateByAngle",value:function(t){var i=this.radius,a=this.hoverRadio,s=e.getPositionByAngle(t.startAngle+t.angle/2,i);return"translate3d("+s.x*a+"px,"+s.y*a+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var s=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(s,50);var n=offset(this.svg),r=a.pageX-n.left+10,o=a.pageY-n.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=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,a=this.curActiveSlice,s=0;s0?this.formatted_labels:this.labels;this.legend_totals.map(function(i,a){var s=t.colors[a];i&&($.create("div",{className:"stats",inside:t.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}],[{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,s=t.domain,n=void 0===s?"":s,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,u=t.discrete_domains,c=void 0===u?0:u,p=t.count_label,_=void 0===p?"":p,d=t.legend_colors,f=void 0===d?[]:d;classCallCheck(this,e);var v=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));v.type="heatmap",v.domain=n,v.subdomain=o,v.data=h,v.discrete_domains=c,v.count_label=_;var m=new Date;return v.start=a||addDays(m,365),f=f.slice(0,5),v.legend_colors=v.validate_colors(f)?f:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],v.distribution_size=5,v.translate_x=0,v.setup(),v}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:"setup_base_values",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:"set_width",value:function(){this.base_width=12*(this.no_of_cols+3),this.discrete_domains&&(this.base_width+=144)}},{key:"setup_components",value:function(){this.domain_label_group=this.makeDrawAreaComponent("domain-label-group chart-label"),this.data_groups=this.makeDrawAreaComponent("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;ii)break;f.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(s=1),this.month_start_points.push(13+12*(e+s))),t=f}return[n,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:"make_graph_components",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chart_wrapper.style.marginTop="0px",this.chart_wrapper.style.paddingTop="0px"}},{key:"bind_tooltip",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("-"),s=t.month_names[parseInt(a[1])-1].substring(0,3),n=t.chart_wrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-n.left+(o+2)/2,h=r.top-n.top-(o+2)/2,u=i+" "+t.count_label,c=" on "+s+" "+a[0]+", "+a[2];t.tip.set_values(l,h,c,u,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bind_tooltip()}}]),e}(BaseChart),chartTypes={line:LineChart,bar:BarChart,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 offset(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 arraysEqual(t,e){if(t.length!==e.length)return!1;var i=!0;return t.map(function(t,a){e[a]!==t&&(i=!1)}),i}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,i){var a=void 0,n=void 0;return t<=e?(n=t,0===(a=e-t)&&(n-=a=.01*i)):(n=e,0===(a=t-e)&&(a=.01*i)),[a,n]}function equilizeNoOfPositions(t,e,i,a){var n=i.length-t.length;return n>=0?(t=fillArray(t,n),e=fillArray(e,n)):(i=fillArray(i,n),a=fillArray(a,n)),[t,e,i,a]}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 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>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(s).map(function(t){r[t]=s[t]}),createSVG("rect",r)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:".32em",innerHTML:a})}function makeXLine(t,e,i,a,n,s){var r=createSVG("line",{x1:0,x2:0,y1:0,y2:t}),o=createSVG("text",{className:a,x:0,y:e,dy:".71em",innerHTML:i}),l=createSVG("g",{className:"tick "+n,transform:"translate("+s+", 0)"});return l.appendChild(r),l.appendChild(o),l}function makeYLine(t,e,i,a,n,s,r){var o=arguments.length>7&&void 0!==arguments[7]&&arguments[7],l=createSVG("line",{className:"dashed"===(arguments.length>8&&void 0!==arguments[8]?arguments[8]:"")?"dashed":"",x1:t,x2:e,y1:0,y2:0}),h=createSVG("text",{className:n,x:i,y:0,dy:".32em",innerHTML:a+""}),u=createSVG("g",{className:"tick "+s,transform:"translate(0, "+r+")","stroke-opacity":1});return o&&(l.style.stroke="rgba(27, 31, 35, 0.6)"),u.appendChild(l),u.appendChild(h),u}function animateSVG(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 u=s[l]||t.getAttribute(l),c=e[l],p={attributeName:l,from:u,to:c,begin:"0s",dur:i/1e3+"s",values:u+";"+c,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(p.type=n);for(var _ in p)h.setAttribute(_,p[_]);r.appendChild(h),n?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}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 runSVGAnimation(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.unit.parentNode,s=void 0,r=void 0;t[0]=e.unit;var o=animateSVG.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.unit),e.array?e.array[e.index]=r:e.object[e.key]=r});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 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;n1&&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 calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],s=0;s255?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 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 chartTypes[t]?new chartTypes[t](e):new LineChart(e)}__$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{font-size:11px;fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .data-points circle{stroke:#fff;stroke-width:2}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .tick.x-axis-label{display:block}.chart-container .tick .specific-value{text-anchor:start}.chart-container .tick .y-value-text{text-anchor:end}.chart-container .tick .x-value-text{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\n\t\t\t\t
    \n\t\t\t\t
    '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",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:''+(0===e.value||e.value?e.value:"")+"\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}(),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:[]},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,h=void 0===l?[]:l,u=e.summary,c=void 0===u?[]:u,p=e.is_navigable,_=void 0===p?0:p,d=e.has_legend,f=void 0===d?0:d,v=e.type,m=void 0===v?"":v,g=e.parent,y=e.data;classCallCheck(this,t),this.raw_chart_args=arguments[0],this.parent="string"==typeof g?document.querySelector(g):g,this.title=s,this.subtitle=o,this.data=y,this.oldData=Object.assign({},y),this.specific_values=y.specific_values||[],this.summary=c,this.is_navigable=_,this.is_navigable&&(this.current_index=0),this.has_legend=f,this.setColors(h,m),this.set_margins(a)}return createClass(t,[{key:"get_different_chart",value:function(t){if(t!==this.type){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[this.type].includes(t)||console.error("'"+this.type+"' chart cannot be converted to a '"+t+"' chart.");var e=COLOR_COMPATIBLE_CHARTS[this.type].includes(t);return new Chart({parent:this.raw_chart_args.parent,title:this.title,data:this.raw_chart_args.data,type:t,height:this.raw_chart_args.height,colors:e?this.colors:void 0})}}},{key:"setColors",value:function(t,e){this.colors=t;var i="percentage"===e||"pie"===e?this.data.labels:this.data.datasets;(!this.colors||i&&this.colors.length0&&void 0!==arguments[0]&&arguments[0];this.setup_base_values(),this.set_width(),this.setup_container(),this.setup_components(),this.setup_values(),this.setup_utils(),this.make_graph_components(t),this.make_tooltip(),this.summary.length>0?this.show_custom_summary():this.show_summary(),this.is_navigable&&this.setup_navigation(t)}},{key:"set_width",value:function(){var t=0;this.specific_values.map(function(e){var i=getStringWidth(e.title+"",8);i>t&&(t=i-40)}),this.base_width=getElementContentWidth(this.parent)-t,this.width=this.base_width-2*this.translate_x}},{key:"setup_base_values",value:function(){}},{key:"setup_container",value:function(){this.container=$$1.create("div",{className:"chart-container",innerHTML:'
    '+this.title+'
    \n\t\t\t\t
    '+this.subtitle+'
    \n\t\t\t\t
    \n\t\t\t\t
    '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chart_wrapper=this.container.querySelector(".frappe-chart"),this.stats_wrapper=this.container.querySelector(".graph-stats-container"),this.make_chart_area(),this.make_draw_area()}},{key:"make_chart_area",value:function(){return this.svg=makeSVGContainer(this.chart_wrapper,"chart",this.base_width,this.base_height),this.svg_defs=makeSVGDefs(this.svg),this.svg}},{key:"make_draw_area",value:function(){this.draw_area=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.translate_x+", "+this.translate_y+")")}},{key:"setup_components",value:function(){}},{key:"setup_values",value:function(){}},{key:"setup_utils",value:function(){}},{key:"make_tooltip",value:function(){this.tip=new SvgTip({parent:this.chart_wrapper,colors:this.colors}),this.bind_tooltip()}},{key:"show_summary",value:function(){}},{key:"show_custom_summary",value:function(){var t=this;this.summary.map(function(e){var i=$$1.create("div",{className:"stats",innerHTML:'\n\t\t\t\t\t\n\t\t\t\t\t'+e.title+": "+e.value+"\n\t\t\t\t"});t.stats_wrapper.appendChild(i)})}},{key:"setup_navigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_overlay(),e&&(this.bind_overlay(),document.addEventListener("keydown",function(e){isElementInViewport(t.chart_wrapper)&&("37"==(e=e||window.event).keyCode?t.on_left_arrow():"39"==e.keyCode?t.on_right_arrow():"38"==e.keyCode?t.on_up_arrow():"40"==e.keyCode?t.on_down_arrow():"13"==e.keyCode&&t.on_enter_key())}))}},{key:"make_overlay",value:function(){}},{key:"bind_overlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"on_left_arrow",value:function(){}},{key:"on_right_arrow",value:function(){}},{key:"on_up_arrow",value:function(){}},{key:"on_down_arrow",value:function(){}},{key:"on_enter_key",value:function(){}},{key:"updateData",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"updateCurrentDataPoint",value:function(){}},{key:"makeDrawAreaComponent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return makeSVGGroup(this.draw_area,t,e)}}]),t}(),AxisChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.x=i.data.labels||[],i.y=i.data.datasets||[],i.is_series=t.is_series,i.format_tooltip_y=t.format_tooltip_y,i.format_tooltip_x=t.format_tooltip_x,i.zero_line=i.height,i}return inherits(e,t),createClass(e,[{key:"validate_and_prepare_data",value:function(){return this.y.forEach(function(t,e){t.index=e},this),!0}},{key:"setup_values",value:function(){this.data.datasets.map(function(t){t.values=t.values.map(function(t){return isNaN(t)?0:t})}),this.setup_x(),this.setup_y()}},{key:"setup_x",value:function(){var t=this;this.set_avg_unit_width_and_x_offset(),this.x_axis_positions&&(this.x_old_axis_positions=this.x_axis_positions.slice()),this.x_axis_positions=this.x.map(function(e,i){return floatTwo(t.x_offset+i*t.avg_unit_width)}),this.x_old_axis_positions||(this.x_old_axis_positions=this.x_axis_positions.slice())}},{key:"setup_y",value:function(){this.y_axis_values&&(this.y_old_axis_values=this.y_axis_values.slice());var t=this.get_all_y_values();this.y_sums&&this.y_sums.length>0&&(t=t.concat(this.y_sums)),this.y_axis_values=calcIntervals(t,"line"===this.type),this.y_old_axis_values||(this.y_old_axis_values=this.y_axis_values.slice());var e=this.y_axis_values,i=e[e.length-1]-e[0];this.multiplier&&(this.old_multiplier=this.multiplier),this.multiplier=this.height/i,this.old_multiplier||(this.old_multiplier=this.multiplier);var a=e[1]-e[0],n=a*this.multiplier,s=void 0;s=e.indexOf(0)>=0?e.indexOf(0):e[0]>0?-1*e[0]/a:-1*e[e.length-1]/a+(e.length-1),this.zero_line&&(this.old_zero_line=this.zero_line),this.zero_line=this.height-s*n,this.old_zero_line||(this.old_zero_line=this.zero_line)}},{key:"setup_components",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_components",this).call(this),this.setup_marker_components(),this.setup_aggregation_components(),this.setup_graph_components()}},{key:"setup_marker_components",value:function(){this.y_axis_group=this.makeDrawAreaComponent("y axis"),this.x_axis_group=this.makeDrawAreaComponent("x axis"),this.specific_y_group=this.makeDrawAreaComponent("specific axis")}},{key:"setup_aggregation_components",value:function(){this.sum_group=this.makeDrawAreaComponent("data-points"),this.average_group=this.makeDrawAreaComponent("chart-area")}},{key:"setup_graph_components",value:function(){var t=this;this.svg_units_groups=[],this.y.map(function(e,i){t.svg_units_groups[i]=t.makeDrawAreaComponent("data-points data-points-"+i)})}},{key:"make_graph_components",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_y_axis(),this.make_x_axis(),this.draw_graph(t),this.make_y_specifics()}},{key:"make_x_axis",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=void 0,a=void 0,n=void 0,s="";if("span"===this.x_axis_mode?(i=-7,a=this.height+15,n=this.height+25):"tick"===this.x_axis_mode&&(i=this.height,a=6,n=9,s="x-axis-label"),this.x_axis_group.setAttribute("transform","translate(0,"+i+")"),e)return void this.make_anim_x_axis(a,n,s);var r=1.5*this.avg_unit_width,o=r/8;this.x_axis_group.textContent="",this.x.map(function(e,i){var l=getStringWidth(e,8)+2;if(l>r)if(t.is_series){for(var h=1;l/h*2>r;)h++;if(i%h!=0)return}else e=e.slice(0,o-3)+" ...";t.x_axis_group.appendChild(makeXLine(a,n,e,"x-value-text",s,t.x_axis_positions[i]))})}},{key:"make_y_axis",value:function(){var t=this;if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return this.make_anim_y_axis(),void this.make_anim_y_specifics();var e=this.get_y_axis_line_props(),i=slicedToArray(e,4),a=i[0],n=i[1],s=i[2],r=i[3];this.y_axis_group.textContent="",this.y_axis_values.map(function(e,i){t.y_axis_group.appendChild(makeYLine(r,a,n,e,"y-value-text",s,t.zero_line-e*t.multiplier,0===e&&0!==i))})}},{key:"get_y_axis_line_props",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return[this.width,this.width+5,"specific-value",0];var t=void 0,e="",i=0;return"span"===this.y_axis_mode?(t=this.width+6,i=-6):"tick"===this.y_axis_mode&&(t=-6,e="y-axis-label"),[t,-9,e,i]}},{key:"draw_graph",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.raw_chart_args.hasOwnProperty("init")&&!this.raw_chart_args.init?void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e),t.calc_y_dependencies()}):e?void this.draw_new_graph_and_animate():void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e)})}},{key:"draw_new_graph_and_animate",value:function(){var t=this,e=[];this.y.map(function(i,a){i.y_tops=new Array(i.values.length).fill(t.zero_line),e.push({values:i.values}),i.svg_units=[],t.make_path&&t.make_path(i,t.x_axis_positions,i.y_tops,t.colors[a]),t.make_new_units(i)}),setTimeout(function(){t.update_values(e)},350)}},{key:"setup_navigation",value:function(t){var i=this;t?setTimeout(function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_navigation",i).call(i,t)},500):get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_navigation",this).call(this,t)}},{key:"make_new_units",value:function(t){this.make_new_units_for_dataset(this.x_axis_positions,t.y_tops,this.colors[t.index],t.index,this.y.length)}},{key:"make_new_units_for_dataset",value:function(t,e,i,a,n,s,r,o){s||(s=this.svg_units_groups[a]),r||(r=this.y[a].svg_units),o||(o=this.unit_args),s.textContent="",r.length=0;var l=new UnitRenderer(this.height,this.zero_line,this.avg_unit_width);e.map(function(e,h){var u=l[o.type](t[h],e,o.args,i,h,a,n);s.appendChild(u),r.push(u)}),this.is_navigable&&this.bind_units(r)}},{key:"make_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.specific_y_group.appendChild(makeYLine(0,t.width,t.width+5,e.title.toUpperCase(),"specific-value","specific-value",t.zero_line-e.value*t.multiplier,!1,e.line_type))})}},{key:"bind_tooltip",value:function(){var t=this;this.chart_wrapper.addEventListener("mousemove",function(e){var i=offset(t.chart_wrapper),a=e.pageX-i.left-t.translate_x;e.pageY-i.top-t.translate_y=0;n--){var s=this.x_axis_positions[n];if(t>s-this.avg_unit_width/2){var r=s+this.translate_x,o=this.y_min_tops[n]+this.translate_y,l=i[n],h=this.y.map(function(t,i){return{title:t.title,value:a?e.format_tooltip_y(t.values[n]):t.values[n],color:e.colors[i]}});this.tip.set_values(r,o,l,"",h),this.tip.show_tip();break}}}}},{key:"show_sums",value:function(){var t=this;this.updating=!0,this.y_sums=new Array(this.x_axis_positions.length).fill(0),this.y.map(function(e){e.values.map(function(e,i){t.y_sums[i]+=e})}),this.update_values(),this.sum_units=[],this.make_new_units_for_dataset(this.x_axis_positions,this.y_sums.map(function(e){return floatTwo(t.zero_line-e*t.multiplier)}),"#f0f4f7",0,1,this.sum_group,this.sum_units),this.updating=!1}},{key:"hide_sums",value:function(){this.updating||(this.y_sums=[],this.sum_group.textContent="",this.sum_units=[],this.update_values())}},{key:"show_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice(),this.y.map(function(e){var i=0;e.values.map(function(t){i+=t});var a=i/e.values.length;t.specific_values.push({title:"AVG "+(e.index+1),line_type:"dashed",value:a,auto:1})}),this.update_values()}},{key:"hide_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice();var e=[];this.specific_values.map(function(t,i){t.auto&&e.unshift(i)}),e.map(function(e){t.specific_values.splice(e,1)}),this.update_values()}},{key:"update_values",value:function(t,e){var i=this;e||(e=this.x),this.elements_to_animate=[],this.updating=!0,this.old_x_values=this.x.slice(),this.old_y_axis_tops=this.y.map(function(t){return t.y_tops.slice()}),this.old_y_values=this.y.map(function(t){return t.values}),t&&this.y.map(function(e){e.values=t[e.index].values}),e&&(this.x=e),this.setup_x(),this.setup_y(),this.calc_y_dependencies(),this.animator=new Animator(this.height,this.width,this.zero_line,this.avg_unit_width),arraysEqual(this.x_old_axis_positions,this.x_axis_positions)||(this.make_x_axis(!0),setTimeout(function(){i.updating||i.make_x_axis()},350)),(!arraysEqual(this.y_old_axis_values,this.y_axis_values)||this.old_specific_values&&!arraysEqual(this.old_specific_values,this.specific_values))&&(this.make_y_axis(!0),setTimeout(function(){i.updating||(i.make_y_axis(),i.make_y_specifics())},350)),this.animate_graphs(),this.run_animation(),this.updating=!1}},{key:"add_data_point",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.x.length,a=this.y.map(function(t){return{values:t.values}});a.map(function(e,a){e.values.splice(i,0,t[a])});var n=this.x.slice();n.splice(i,0,e),this.update_values(a,n)}},{key:"remove_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.x.length-1;if(!(this.x.length<3)){var e=this.y.map(function(t){return{values:t.values}});e.map(function(e){e.values.splice(t,1)});var i=this.x.slice();i.splice(t,1),this.update_values(e,i)}}},{key:"run_animation",value:function(){var t=this,e=runSVGAnimation(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},250)}},{key:"animate_graphs",value:function(){var t=this;this.y.map(function(e){var i=equilizeNoOfPositions(t.x_old_axis_positions.slice(),t.old_y_axis_tops[e.index].slice(),t.x_axis_positions.slice(),e.y_tops.slice()),a=slicedToArray(i,4),n=a[0],s=a[1],r=a[2],o=a[3];r.length-n.length>0&&(t.make_path&&t.make_path(e,n,s,t.colors[e.index]),t.make_new_units_for_dataset(n,s,t.colors[e.index],e.index,t.y.length)),e.path&&t.animate_path(e,r,o),t.animate_units(e,n,s,r,o)}),setTimeout(function(){t.y.map(function(e){t.make_path&&t.make_path(e,t.x_axis_positions,e.y_tops,t.colors[e.index]),t.make_new_units(e)})},400)}},{key:"animate_path",value:function(t,e,i){var a=i.map(function(t,i){return e[i]+","+t});this.elements_to_animate=this.elements_to_animate.concat(this.animator.path(t,a.join("L")))}},{key:"animate_units",value:function(t,e,i,a,n){var s=this,r=this.unit_args.type;t.svg_units.map(function(e,i){void 0!==a[i]&&void 0!==n[i]&&s.elements_to_animate.push(s.animator[r]({unit:e,array:t.svg_units,index:i},a[i],n[i],t.index,s.y.length))})}},{key:"make_anim_x_axis",value:function(t,e,i){var a=this,n=this.x_old_axis_positions,s=this.x_axis_positions,r=this.old_x_values,o=this.x,l=n[n.length-1],h=function(n,s,r){"string"==typeof r&&(r=parseInt(r.substring(0,r.length-1)));var o=makeXLine(t,e,n,"x-value-text",i,s);a.x_axis_group.appendChild(o),a.elements_to_animate&&a.elements_to_animate.push([{unit:o,array:[0],index:0},{transform:r+", 0"},350,"easein","translate",{transform:s+", 0"}])};this.x_axis_group.textContent="",this.make_new_axis_anim_lines(n,s,r,o,l,h)}},{key:"make_anim_y_axis",value:function(){var t=this,e=this.y_old_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),i=this.y_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),a=this.y_old_axis_values,n=this.y_axis_values,s=e[e.length-1];this.y_axis_group.textContent="",this.make_new_axis_anim_lines(e,i,a,n,s,this.add_and_animate_y_line.bind(this),this.y_axis_group)}},{key:"make_anim_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.add_and_animate_y_line(e.title,t.old_zero_line-e.value*t.old_multiplier,t.zero_line-e.value*t.multiplier,0,t.specific_y_group,e.line_type,!0)})}},{key:"make_new_axis_anim_lines",value:function(t,e,i,a,n,s,r){var o=void 0,l=void 0,h=a.length-i.length;if(h>0)o=e.slice(0,t.length),l=a.slice(0,i.length);else{var u=new Array(Math.abs(h)).fill("");l=a.concat(u);var c=new Array(Math.abs(h)).fill(n+"F");o=e.concat(c)}if(l.map(function(e,i){s(e,t[i],o[i],i,r)}),h>0){var p=a.slice(i.length),_=e.slice(t.length);p.map(function(t,e){s(t,n,_[e],e,r)})}}},{key:"add_and_animate_y_line",value:function(t,e,i,a,n,s){var r=arguments.length>6&&void 0!==arguments[6]&&arguments[6],o=!1;"string"==typeof i&&(i=parseInt(i.substring(0,i.length-1)),o=!0);var l={transform:"0, "+i},h={transform:"0, "+e};o&&(l["stroke-opacity"]=0);var u=this.get_y_axis_line_props(r),c=slicedToArray(u,4),p=c[0],_=c[1],d=c[2],f=c[3],v=r?"specific-value":"y-value-text",m=makeYLine(f,p,_,t=r?(t+"").toUpperCase():t,v,d,e,0===t&&0!==a,s);n.appendChild(m),this.elements_to_animate&&this.elements_to_animate.push([{unit:m,array:[0],index:0},l,350,"easein","translate",h])}},{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","y_tops","values"].map(function(a){var n=a.slice(0,a.length-1);e[n]=i[a][t]}),e.label=this.x[t],e}},{key:"updateCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.x.length&&(t=this.x.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length-1),this.x_offset=0}},{key:"get_all_y_values",value:function(){var t=[];return this.y.map(function(e){t=t.concat(e.values)}),t.concat(this.specific_values.map(function(t){return t.value}))}},{key:"calc_y_dependencies",value:function(){var t=this;this.y_min_tops=new Array(this.x.length).fill(9999),this.y.map(function(e){e.y_tops=e.values.map(function(e){return floatTwo(t.zero_line-e*t.multiplier)}),e.y_tops.map(function(e,i){e0}),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:"make_graph_components",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.percentage_bar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"bind_tooltip",value:function(){var t=this;this.slices.map(function(e,i){e.addEventListener("mouseenter",function(){var a=offset(t.chart_wrapper),n=offset(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:"show_summary",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.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),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:"make_graph_components",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,u=o/i.grand_total*FULL_ANGLE,c=n?-u:u,p=r+=c,_=e.getPositionByAngle(h,a),d=e.getPositionByAngle(p,a),f=t&&s[l],v=void 0,m=void 0;t?(v=f?f.startPosition:_,m=f?f.endPosition:_):(v=_,m=d);var g=i.makeArcPath(v,m),y=makePath(g,"pie-path","none",i.colors[l]);y.style.transition="transform .3s;",i.draw_area.appendChild(y),i.slices.push(y),i.slicesProperties.push({startPosition:_,endPosition:d,value:o,total:i.grand_total,startAngle:h,endAngle:p,angle:c}),t&&i.elements_to_animate.push([{unit:y,array:i.slices,index:i.slices.length-1},{d:i.makeArcPath(_,d)},650,"easein",null,{d:g}])}),t&&this.run_animation()}},{key:"run_animation",value:function(){var t=this;if(this.elements_to_animate&&0!==this.elements_to_animate.length){var e=runSVGAnimation(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},650)}}},{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=offset(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;n0?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.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}],[{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,u=t.discrete_domains,c=void 0===u?0:u,p=t.count_label,_=void 0===p?"":p,d=t.legend_colors,f=void 0===d?[]:d;classCallCheck(this,e);var v=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));v.type="heatmap",v.domain=s,v.subdomain=o,v.data=h,v.discrete_domains=c,v.count_label=_;var m=new Date;return v.start=a||addDays(m,365),f=f.slice(0,5),v.legend_colors=v.validate_colors(f)?f:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],v.distribution_size=5,v.translate_x=0,v.setup(),v}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:"setup_base_values",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:"set_width",value:function(){this.base_width=12*(this.no_of_cols+3),this.discrete_domains&&(this.base_width+=144)}},{key:"setup_components",value:function(){this.domain_label_group=this.makeDrawAreaComponent("domain-label-group chart-label"),this.data_groups=this.makeDrawAreaComponent("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;ii)break;f.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=f}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:"make_graph_components",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chart_wrapper.style.marginTop="0px",this.chart_wrapper.style.paddingTop="0px"}},{key:"bind_tooltip",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.chart_wrapper.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,u=i+" "+t.count_label,c=" on "+n+" "+a[0]+", "+a[2];t.tip.set_values(l,h,c,u,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bind_tooltip()}}]),e}(BaseChart),chartTypes={line:LineChart,bar:BarChart,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 a687155..d25027d 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 $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function offset(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 getBarHeightAndYAttr(t,e,i){var a=void 0,s=void 0;return t<=e?(s=t,0===(a=e-t)&&(s-=a=.01*i)):(s=e,0===(a=t-e)&&(a=.01*i)),[a,s]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var s=e[a];if("inside"===a)$$1(s).appendChild(i);else if("around"===a){var n=$$1(s);n.parentNode.insertBefore(i,n),i.appendChild(n)}else"styles"===a?"object"===(void 0===s?"undefined":_typeof(s))&&Object.keys(s).map(function(t){i.style[t]=s[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=s:i.setAttribute(a,s))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e,s=renderVerticalGradient(t,a),n=[1,.6,.2];return i&&(n=[.4,.2,0]),setGradientStop(s,"0%",e,n[0]),setGradientStop(s,"50%",e,n[1]),setGradientStop(s,"100%",e,n[2]),a}function makeHeatSquare(t,e,i,a){var s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:a,height:a,fill:s};return Object.keys(n).map(function(t){r[t]=n[t]}),createSVG("rect",r)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:".32em",innerHTML:a})}function makeXLine(t,e,i,a,s,n){var r=createSVG("line",{x1:0,x2:0,y1:0,y2:t}),o=createSVG("text",{className:a,x:0,y:e,dy:".71em",innerHTML:i}),l=createSVG("g",{className:"tick "+s,transform:"translate("+n+", 0)"});return l.appendChild(r),l.appendChild(o),l}function makeYLine(t,e,i,a,s,n,r){var o=arguments.length>7&&void 0!==arguments[7]&&arguments[7],l=createSVG("line",{className:"dashed"===(arguments.length>8&&void 0!==arguments[8]?arguments[8]:"")?"dashed":"",x1:t,x2:e,y1:0,y2:0}),h=createSVG("text",{className:s,x:i,y:0,dy:".32em",innerHTML:a+""}),u=createSVG("g",{className:"tick "+n,transform:"translate(0, "+r+")","stroke-opacity":1});return o&&(l.style.stroke="rgba(27, 31, 35, 0.6)"),u.appendChild(l),u.appendChild(h),u}function animateSVG(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,n=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 u=n[l]||t.getAttribute(l),c=e[l],p={attributeName:l,from:u,to:c,begin:"0s",dur:i/1e3+"s",values:u+";"+c,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};s&&(p.type=s);for(var _ in p)h.setAttribute(_,p[_]);r.appendChild(h),s?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}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 runSVGAnimation(t,e){var i=[],a=[];e.map(function(t){var e=t[0],s=e.unit.parentNode,n=void 0,r=void 0;t[0]=e.unit;var o=animateSVG.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);n=l[0],r=l[1],i.push(r),a.push([n,s]),s.replaceChild(n,e.unit),e.array?e.array[e.index]=r:e.object[e.key]=r});var s=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),s}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),s=i-a,n=s,r=1;s>5&&(s%2!=0&&(s=++i-a),n=s/2,r=2),s<=2&&(r=s/(n=4)),0===s&&(n=5,r=1);for(var o=[],l=0;l<=n;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),s=a[0],n=a[1],r=e?e/Math.pow(10,n):0,o=getRangeIntervals(s=s.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,n)})}function calcIntervals(t){function e(t,e){for(var i=getIntervals(t),a=i[1]-i[0],s=0,n=1;s1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),s=Math.min.apply(Math,toConsumableArray(t)),n=[];if(a>=0&&s>=0)normalize(a)[1],n=i?getIntervals(a,s):getIntervals(a);else if(a>0&&s<0){var r=Math.abs(s);a>=r?(normalize(a)[1],n=e(a,r)):(normalize(r)[1],n=e(r,a).map(function(t){return-1*t}))}else if(a<=0&&s<=0){var o=Math.abs(s),l=Math.abs(a);normalize(o)[1],n=(n=i?getIntervals(o,l):getIntervals(o)).reverse().map(function(t){return-1*t})}return n}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),s=[],n=0;n255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var s=parseInt(i,16),n=limitColor((s>>16)+e),r=limitColor((s>>8&255)+e),o=limitColor((255&s)+e);return(a?"#":"")+(o|r<<8|n<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}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 chartTypes[t]?new chartTypes[t](e):new LineChart(e)}__$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{font-size:11px;fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .data-points circle{stroke:#fff;stroke-width:2}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .tick.x-axis-label{display:block}.chart-container .tick .specific-value{text-anchor:start}.chart-container .tick .y-value-text{text-anchor:end}.chart-container .tick .x-value-text{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,s){var o={key:t,arg:e,resolve:i,reject:s,next:null};r?r=r.next=o:(n=r=o,a(t,e))})}function a(i,n){try{var r=e[i](n),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):s(r.done?"return":"normal",r.value)}catch(t){s("throw",t)}}function s(t,e){switch(t){case"return":n.resolve({value:e,done:!0});break;case"throw":n.reject(e);break;default:n.resolve({value:e,done:!1})}(n=n.next)?a(n.key,n.arg):r=null}var n,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\n\t\t\t\t
      \n\t\t\t\t
      '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",s=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.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 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]:"",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=s,this.x=t,this.y=e,this.title_value_first=n,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}(),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:[]},BaseChart=function(){function t(e){var i=e.height,a=void 0===i?240:i,s=e.title,n=void 0===s?"":s,r=e.subtitle,o=void 0===r?"":r,l=e.colors,h=void 0===l?[]:l,u=e.summary,c=void 0===u?[]:u,p=e.is_navigable,_=void 0===p?0:p,d=e.has_legend,f=void 0===d?0:d,v=e.type,m=void 0===v?"":v,g=e.parent,y=e.data;classCallCheck(this,t),this.raw_chart_args=arguments[0],this.parent="string"==typeof g?document.querySelector(g):g,this.title=n,this.subtitle=o,this.data=y,this.specific_values=y.specific_values||[],this.summary=c,this.is_navigable=_,this.is_navigable&&(this.current_index=0),this.has_legend=f,this.setColors(h,m),this.set_margins(a)}return createClass(t,[{key:"get_different_chart",value:function(t){if(t!==this.type){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[this.type].includes(t)||console.error("'"+this.type+"' chart cannot be converted to a '"+t+"' chart.");var e=COLOR_COMPATIBLE_CHARTS[this.type].includes(t);return new Chart({parent:this.raw_chart_args.parent,title:this.title,data:this.raw_chart_args.data,type:t,height:this.raw_chart_args.height,colors:e?this.colors:void 0})}}},{key:"setColors",value:function(t,e){this.colors=t;var i="percentage"===e||"pie"===e?this.data.labels:this.data.datasets;(!this.colors||i&&this.colors.length0&&void 0!==arguments[0]&&arguments[0];this.setup_base_values(),this.set_width(),this.setup_container(),this.setup_components(),this.setup_values(),this.setup_utils(),this.make_graph_components(t),this.make_tooltip(),this.summary.length>0?this.show_custom_summary():this.show_summary(),this.is_navigable&&this.setup_navigation(t)}},{key:"set_width",value:function(){var t=0;this.specific_values.map(function(e){var i=getStringWidth(e.title+"",8);i>t&&(t=i-40)}),this.base_width=getElementContentWidth(this.parent)-t,this.width=this.base_width-2*this.translate_x}},{key:"setup_base_values",value:function(){}},{key:"setup_container",value:function(){this.container=$.create("div",{className:"chart-container",innerHTML:'
      '+this.title+'
      \n\t\t\t\t
      '+this.subtitle+'
      \n\t\t\t\t
      \n\t\t\t\t
      '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chart_wrapper=this.container.querySelector(".frappe-chart"),this.stats_wrapper=this.container.querySelector(".graph-stats-container"),this.make_chart_area(),this.make_draw_area()}},{key:"make_chart_area",value:function(){return this.svg=makeSVGContainer(this.chart_wrapper,"chart",this.base_width,this.base_height),this.svg_defs=makeSVGDefs(this.svg),this.svg}},{key:"make_draw_area",value:function(){this.draw_area=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.translate_x+", "+this.translate_y+")")}},{key:"setup_components",value:function(){}},{key:"make_tooltip",value:function(){this.tip=new SvgTip({parent:this.chart_wrapper,colors:this.colors}),this.bind_tooltip()}},{key:"show_summary",value:function(){}},{key:"show_custom_summary",value:function(){var t=this;this.summary.map(function(e){var i=$.create("div",{className:"stats",innerHTML:'\n\t\t\t\t\t\n\t\t\t\t\t'+e.title+": "+e.value+"\n\t\t\t\t"});t.stats_wrapper.appendChild(i)})}},{key:"setup_navigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_overlay(),e&&(this.bind_overlay(),document.addEventListener("keydown",function(e){isElementInViewport(t.chart_wrapper)&&("37"==(e=e||window.event).keyCode?t.on_left_arrow():"39"==e.keyCode?t.on_right_arrow():"38"==e.keyCode?t.on_up_arrow():"40"==e.keyCode?t.on_down_arrow():"13"==e.keyCode&&t.on_enter_key())}))}},{key:"make_overlay",value:function(){}},{key:"bind_overlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"on_left_arrow",value:function(){}},{key:"on_right_arrow",value:function(){}},{key:"on_up_arrow",value:function(){}},{key:"on_down_arrow",value:function(){}},{key:"on_enter_key",value:function(){}},{key:"get_data_point",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","y_tops","values"].map(function(a){var s=a.slice(0,a.length-1);e[s]=i[a][t]}),e.label=this.x[t],e}},{key:"update_current_data_point",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.x.length&&(t=this.x.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.get_data_point()))}},{key:"setup_utils",value:function(){}},{key:"makeDrawAreaComponent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return makeSVGGroup(this.draw_area,t,e)}}]),t}(),AxisChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.x=i.data.labels||[],i.y=i.data.datasets||[],i.is_series=t.is_series,i.format_tooltip_y=t.format_tooltip_y,i.format_tooltip_x=t.format_tooltip_x,i.zero_line=i.height,i}return inherits(e,t),createClass(e,[{key:"validate_and_prepare_data",value:function(){return!0}},{key:"setup_values",value:function(){this.data.datasets.map(function(t){t.values=t.values.map(function(t){return isNaN(t)?0:t})}),this.setup_x(),this.setup_y()}},{key:"setup_x",value:function(){var t=this;this.set_avg_unit_width_and_x_offset(),this.x_axis_positions&&(this.x_old_axis_positions=this.x_axis_positions.slice()),this.x_axis_positions=this.x.map(function(e,i){return floatTwo(t.x_offset+i*t.avg_unit_width)}),this.x_old_axis_positions||(this.x_old_axis_positions=this.x_axis_positions.slice())}},{key:"setup_y",value:function(){this.y_axis_values&&(this.y_old_axis_values=this.y_axis_values.slice());var t=this.get_all_y_values();this.y_sums&&this.y_sums.length>0&&(t=t.concat(this.y_sums)),this.y_axis_values=calcIntervals(t,"line"===this.type),this.y_old_axis_values||(this.y_old_axis_values=this.y_axis_values.slice());var e=this.y_axis_values,i=e[e.length-1]-e[0];this.multiplier&&(this.old_multiplier=this.multiplier),this.multiplier=this.height/i,this.old_multiplier||(this.old_multiplier=this.multiplier);var a=e[1]-e[0],s=a*this.multiplier,n=void 0;n=e.indexOf(0)>=0?e.indexOf(0):e[0]>0?-1*e[0]/a:-1*e[e.length-1]/a+(e.length-1),this.zero_line&&(this.old_zero_line=this.zero_line),this.zero_line=this.height-n*s,this.old_zero_line||(this.old_zero_line=this.zero_line)}},{key:"setup_components",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_components",this).call(this),this.setup_marker_components(),this.setup_aggregation_components(),this.setup_graph_components()}},{key:"setup_marker_components",value:function(){this.y_axis_group=this.makeDrawAreaComponent("y axis"),this.x_axis_group=this.makeDrawAreaComponent("x axis"),this.specific_y_group=this.makeDrawAreaComponent("specific axis")}},{key:"setup_aggregation_components",value:function(){this.sum_group=this.makeDrawAreaComponent("data-points"),this.average_group=this.makeDrawAreaComponent("chart-area")}},{key:"setup_graph_components",value:function(){var t=this;this.svg_units_groups=[],this.y.map(function(e,i){t.svg_units_groups[i]=t.makeDrawAreaComponent("data-points data-points-"+i)})}},{key:"make_graph_components",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_y_axis(),this.make_x_axis(),this.draw_graph(t),this.make_y_specifics()}},{key:"make_x_axis",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=void 0,a=void 0,s=void 0,n="";if("span"===this.x_axis_mode?(i=-7,a=this.height+15,s=this.height+25):"tick"===this.x_axis_mode&&(i=this.height,a=6,s=9,n="x-axis-label"),this.x_axis_group.setAttribute("transform","translate(0,"+i+")"),e)return void this.make_anim_x_axis(a,s,n);var r=1.5*this.avg_unit_width,o=r/8;this.x_axis_group.textContent="",this.x.map(function(e,i){var l=getStringWidth(e,8)+2;if(l>r)if(t.is_series){for(var h=1;l/h*2>r;)h++;if(i%h!=0)return}else e=e.slice(0,o-3)+" ...";t.x_axis_group.appendChild(makeXLine(a,s,e,"x-value-text",n,t.x_axis_positions[i]))})}},{key:"make_y_axis",value:function(){var t=this;if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return this.make_anim_y_axis(),void this.make_anim_y_specifics();var e=this.get_y_axis_line_props(),i=slicedToArray(e,4),a=i[0],s=i[1],n=i[2],r=i[3];this.y_axis_group.textContent="",this.y_axis_values.map(function(e,i){t.y_axis_group.appendChild(makeYLine(r,a,s,e,"y-value-text",n,t.zero_line-e*t.multiplier,0===e&&0!==i))})}},{key:"get_y_axis_line_props",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return[this.width,this.width+5,"specific-value",0];var t=void 0,e="",i=0;return"span"===this.y_axis_mode?(t=this.width+6,i=-6):"tick"===this.y_axis_mode&&(t=-6,e="y-axis-label"),[t,-9,e,i]}},{key:"draw_graph",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.raw_chart_args.hasOwnProperty("init")&&!this.raw_chart_args.init?void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e,i),t.calc_y_dependencies()}):e?void this.draw_new_graph_and_animate():void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e,i)})}},{key:"draw_new_graph_and_animate",value:function(){var t=this,e=[];this.y.map(function(i,a){i.y_tops=new Array(i.values.length).fill(t.zero_line),e.push({values:i.values}),i.svg_units=[],t.make_path&&t.make_path(i,a,t.x_axis_positions,i.y_tops,t.colors[a]),t.make_new_units(i,a)}),setTimeout(function(){t.update_values(e)},350)}},{key:"setup_navigation",value:function(t){var i=this;t?setTimeout(function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_navigation",i).call(i,t)},500):get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_navigation",this).call(this,t)}},{key:"make_new_units",value:function(t,e){this.make_new_units_for_dataset(this.x_axis_positions,t.y_tops,this.colors[e],e,this.y.length)}},{key:"make_new_units_for_dataset",value:function(t,e,i,a,s,n,r,o){n||(n=this.svg_units_groups[a]),r||(r=this.y[a].svg_units),o||(o=this.unit_args),n.textContent="",r.length=0;var l=new UnitRenderer(this.height,this.zero_line,this.avg_unit_width);e.map(function(e,h){var u=l[o.type](t[h],e,o.args,i,h,a,s);n.appendChild(u),r.push(u)}),this.is_navigable&&this.bind_units(r)}},{key:"make_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.specific_y_group.appendChild(makeYLine(0,t.width,t.width+5,e.title.toUpperCase(),"specific-value","specific-value",t.zero_line-e.value*t.multiplier,!1,e.line_type))})}},{key:"bind_tooltip",value:function(){var t=this;this.chart_wrapper.addEventListener("mousemove",function(e){var i=offset(t.chart_wrapper),a=e.pageX-i.left-t.translate_x;e.pageY-i.top-t.translate_y=0;s--){var n=this.x_axis_positions[s];if(t>n-this.avg_unit_width/2){var r=n+this.translate_x,o=this.y_min_tops[s]+this.translate_y,l=i[s],h=this.y.map(function(t,i){return{title:t.title,value:a?e.format_tooltip_y(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(r,o,l,"",h),this.tip.show_tip();break}}}}},{key:"show_sums",value:function(){var t=this;this.updating=!0,this.y_sums=new Array(this.x_axis_positions.length).fill(0),this.y.map(function(e){e.values.map(function(e,i){t.y_sums[i]+=e})}),this.update_values(),this.sum_units=[],this.make_new_units_for_dataset(this.x_axis_positions,this.y_sums.map(function(e){return floatTwo(t.zero_line-e*t.multiplier)}),"#f0f4f7",0,1,this.sum_group,this.sum_units),this.updating=!1}},{key:"hide_sums",value:function(){this.updating||(this.y_sums=[],this.sum_group.textContent="",this.sum_units=[],this.update_values())}},{key:"show_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice(),this.y.map(function(e,i){var a=0;e.values.map(function(t){a+=t});var s=a/e.values.length;t.specific_values.push({title:"AVG "+(i+1),line_type:"dashed",value:s,auto:1})}),this.update_values()}},{key:"hide_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice();var e=[];this.specific_values.map(function(t,i){t.auto&&e.unshift(i)}),e.map(function(e){t.specific_values.splice(e,1)}),this.update_values()}},{key:"update_values",value:function(t,e){var i=this;e||(e=this.x),this.elements_to_animate=[],this.updating=!0,this.old_x_values=this.x.slice(),this.old_y_axis_tops=this.y.map(function(t){return t.y_tops.slice()}),this.old_y_values=this.y.map(function(t){return t.values}),this.no_of_extra_pts=e.length-this.x.length,t&&this.y.map(function(e,i){e.values=t[i].values}),e&&(this.x=e),this.setup_x(),this.setup_y(),this.calc_y_dependencies(),this.animator=new Animator(this.height,this.width,this.zero_line,this.avg_unit_width),arraysEqual(this.x_old_axis_positions,this.x_axis_positions)||(this.make_x_axis(!0),setTimeout(function(){i.updating||i.make_x_axis()},350)),(!arraysEqual(this.y_old_axis_values,this.y_axis_values)||this.old_specific_values&&!arraysEqual(this.old_specific_values,this.specific_values))&&(this.make_y_axis(!0),setTimeout(function(){i.updating||(i.make_y_axis(),i.make_y_specifics())},350)),this.animate_graphs(),this.run_animation(),this.updating=!1}},{key:"add_data_point",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.x.length,a=this.y.map(function(t){return{values:t.values}});a.map(function(e,a){e.values.splice(i,0,t[a])});var s=this.x.slice();s.splice(i,0,e),this.update_values(a,s)}},{key:"remove_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.x.length-1;if(!(this.x.length<3)){var e=this.y.map(function(t){return{values:t.values}});e.map(function(e){e.values.splice(t,1)});var i=this.x.slice();i.splice(t,1),this.update_values(e,i)}}},{key:"run_animation",value:function(){var t=this,e=runSVGAnimation(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},250)}},{key:"animate_graphs",value:function(){var t=this;this.y.map(function(e,i){var a=t.calc_old_and_new_postions(e,i),s=slicedToArray(a,4),n=s[0],r=s[1],o=s[2],l=s[3];t.no_of_extra_pts>=0&&(t.make_path&&t.make_path(e,i,n,r,t.colors[i]),t.make_new_units_for_dataset(n,r,t.colors[i],i,t.y.length)),e.path&&t.animate_path(e,i,n,r,o,l),t.animate_units(e,i,n,r,o,l)}),setTimeout(function(){t.y.map(function(e,i){t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e,i)})},400)}},{key:"animate_path",value:function(t,e,i,a,s,n){var r=n.map(function(t,e){return s[e]+","+t}).join("L");this.elements_to_animate=this.elements_to_animate.concat(this.animator.path(t,r))}},{key:"animate_units",value:function(t,e,i,a,s,n){var r=this,o=this.unit_args.type;t.svg_units.map(function(i,a){void 0!==s[a]&&void 0!==n[a]&&r.elements_to_animate.push(r.animator[o]({unit:i,array:t.svg_units,index:a},s[a],n[a],e,r.y.length))})}},{key:"calc_old_and_new_postions",value:function(t,e){var i=this.x_old_axis_positions.slice(),a=this.x_axis_positions.slice(),s=this.old_y_axis_tops[e].slice(),n=t.y_tops.slice(),r=i[i.length-1],o=s[s.length-1],l=a[a.length-1],h=n[n.length-1];if(this.no_of_extra_pts>=0){var u=new Array(Math.abs(this.no_of_extra_pts)).fill(r),c=new Array(Math.abs(this.no_of_extra_pts)).fill(o);i=i.concat(u),s=s.concat(c)}else{var p=new Array(Math.abs(this.no_of_extra_pts)).fill(l),_=new Array(Math.abs(this.no_of_extra_pts)).fill(h);a=a.concat(p),n=n.concat(_)}return[i,s,a,n]}},{key:"make_anim_x_axis",value:function(t,e,i){var a=this,s=this.x_old_axis_positions,n=this.x_axis_positions,r=this.old_x_values,o=this.x,l=s[s.length-1],h=function(s,n,r){"string"==typeof r&&(r=parseInt(r.substring(0,r.length-1)));var o=makeXLine(t,e,s,"x-value-text",i,n);a.x_axis_group.appendChild(o),a.elements_to_animate&&a.elements_to_animate.push([{unit:o,array:[0],index:0},{transform:r+", 0"},350,"easein","translate",{transform:n+", 0"}])};this.x_axis_group.textContent="",this.make_new_axis_anim_lines(s,n,r,o,l,h)}},{key:"make_anim_y_axis",value:function(){var t=this,e=this.y_old_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),i=this.y_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),a=this.y_old_axis_values,s=this.y_axis_values,n=e[e.length-1];this.y_axis_group.textContent="",this.make_new_axis_anim_lines(e,i,a,s,n,this.add_and_animate_y_line.bind(this),this.y_axis_group)}},{key:"make_anim_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.add_and_animate_y_line(e.title,t.old_zero_line-e.value*t.old_multiplier,t.zero_line-e.value*t.multiplier,0,t.specific_y_group,e.line_type,!0)})}},{key:"make_new_axis_anim_lines",value:function(t,e,i,a,s,n,r){var o=void 0,l=void 0,h=a.length-i.length;if(h>0)o=e.slice(0,t.length),l=a.slice(0,i.length);else{var u=new Array(Math.abs(h)).fill("");l=a.concat(u);var c=new Array(Math.abs(h)).fill(s+"F");o=e.concat(c)}if(l.map(function(e,i){n(e,t[i],o[i],i,r)}),h>0){var p=a.slice(i.length),_=e.slice(t.length);p.map(function(t,e){n(t,s,_[e],e,r)})}}},{key:"add_and_animate_y_line",value:function(t,e,i,a,s,n){var r=arguments.length>6&&void 0!==arguments[6]&&arguments[6],o=!1;"string"==typeof i&&(i=parseInt(i.substring(0,i.length-1)),o=!0);var l={transform:"0, "+i},h={transform:"0, "+e};o&&(l["stroke-opacity"]=0);var u=this.get_y_axis_line_props(r),c=slicedToArray(u,4),p=c[0],_=c[1],d=c[2],f=c[3],v=r?"specific-value":"y-value-text",m=makeYLine(f,p,_,t=r?(t+"").toUpperCase():t,v,d,e,0===t&&0!==a,n);s.appendChild(m),this.elements_to_animate&&this.elements_to_animate.push([{unit:m,array:[0],index:0},l,350,"easein","translate",h])}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length-1),this.x_offset=0}},{key:"get_all_y_values",value:function(){var t=[];return this.y.map(function(e){t=t.concat(e.values)}),t.concat(this.specific_values.map(function(t){return t.value}))}},{key:"calc_y_dependencies",value:function(){var t=this;this.y_min_tops=new Array(this.x_axis_positions.length).fill(9999),this.y.map(function(e){e.y_tops=e.values.map(function(e){return floatTwo(t.zero_line-e*t.multiplier)}),e.y_tops.map(function(e,i){e0}),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:"make_graph_components",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=$.create("div",{className:"progress-bar",inside:t.percentage_bar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"bind_tooltip",value:function(){var t=this;this.slices.map(function(e,i){e.addEventListener("mouseenter",function(){var a=offset(t.chart_wrapper),s=offset(e),n=s.left-a.left+e.offsetWidth/2,r=s.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(n,r,o,l+"%"),t.tip.show_tip()})})}},{key:"show_summary",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&&($.create("div",{className:"stats",inside:t.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),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,s=this.radius,n=this.clockWise;return"M"+i+" "+a+" L"+(i+t.x)+" "+(a+t.y)+" A "+s+" "+s+" 0 0 "+(n?1:0)+" "+(i+e.x)+" "+(a+e.y)+" z"}},{key:"make_graph_components",value:function(t){var i=this,a=this.radius,s=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,u=o/i.grand_total*FULL_ANGLE,c=s?-u:u,p=r+=c,_=e.getPositionByAngle(h,a),d=e.getPositionByAngle(p,a),f=t&&n[l],v=void 0,m=void 0;t?(v=f?f.startPosition:_,m=f?f.endPosition:_):(v=_,m=d);var g=i.makeArcPath(v,m),y=makePath(g,"pie-path","none",i.colors[l]);y.style.transition="transform .3s;",i.draw_area.appendChild(y),i.slices.push(y),i.slicesProperties.push({startPosition:_,endPosition:d,value:o,total:i.grand_total,startAngle:h,endAngle:p,angle:c}),t&&i.elements_to_animate.push([{unit:y,array:i.slices,index:i.slices.length-1},{d:i.makeArcPath(_,d)},650,"easein",null,{d:g}])}),t&&this.run_animation()}},{key:"run_animation",value:function(){var t=this;if(this.elements_to_animate&&0!==this.elements_to_animate.length){var e=runSVGAnimation(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},650)}}},{key:"calTranslateByAngle",value:function(t){var i=this.radius,a=this.hoverRadio,s=e.getPositionByAngle(t.startAngle+t.angle/2,i);return"translate3d("+s.x*a+"px,"+s.y*a+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var s=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(s,50);var n=offset(this.svg),r=a.pageX-n.left+10,o=a.pageY-n.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=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,a=this.curActiveSlice,s=0;s0?this.formatted_labels:this.labels;this.legend_totals.map(function(i,a){var s=t.colors[a];i&&($.create("div",{className:"stats",inside:t.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}],[{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,s=t.domain,n=void 0===s?"":s,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,u=t.discrete_domains,c=void 0===u?0:u,p=t.count_label,_=void 0===p?"":p,d=t.legend_colors,f=void 0===d?[]:d;classCallCheck(this,e);var v=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));v.type="heatmap",v.domain=n,v.subdomain=o,v.data=h,v.discrete_domains=c,v.count_label=_;var m=new Date;return v.start=a||addDays(m,365),f=f.slice(0,5),v.legend_colors=v.validate_colors(f)?f:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],v.distribution_size=5,v.translate_x=0,v.setup(),v}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:"setup_base_values",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:"set_width",value:function(){this.base_width=12*(this.no_of_cols+3),this.discrete_domains&&(this.base_width+=144)}},{key:"setup_components",value:function(){this.domain_label_group=this.makeDrawAreaComponent("domain-label-group chart-label"),this.data_groups=this.makeDrawAreaComponent("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;ii)break;f.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(s=1),this.month_start_points.push(13+12*(e+s))),t=f}return[n,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:"make_graph_components",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chart_wrapper.style.marginTop="0px",this.chart_wrapper.style.paddingTop="0px"}},{key:"bind_tooltip",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("-"),s=t.month_names[parseInt(a[1])-1].substring(0,3),n=t.chart_wrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-n.left+(o+2)/2,h=r.top-n.top-(o+2)/2,u=i+" "+t.count_label,c=" on "+s+" "+a[0]+", "+a[2];t.tip.set_values(l,h,c,u,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bind_tooltip()}}]),e}(BaseChart),chartTypes={line:LineChart,bar:BarChart,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 offset(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 arraysEqual(t,e){if(t.length!==e.length)return!1;var i=!0;return t.map(function(t,a){e[a]!==t&&(i=!1)}),i}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,i){var a=void 0,n=void 0;return t<=e?(n=t,0===(a=e-t)&&(n-=a=.01*i)):(n=e,0===(a=t-e)&&(a=.01*i)),[a,n]}function equilizeNoOfPositions(t,e,i,a){var n=i.length-t.length;return n>=0?(t=fillArray(t,n),e=fillArray(e,n)):(i=fillArray(i,n),a=fillArray(a,n)),[t,e,i,a]}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 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>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(s).map(function(t){r[t]=s[t]}),createSVG("rect",r)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:".32em",innerHTML:a})}function makeXLine(t,e,i,a,n,s){var r=createSVG("line",{x1:0,x2:0,y1:0,y2:t}),o=createSVG("text",{className:a,x:0,y:e,dy:".71em",innerHTML:i}),l=createSVG("g",{className:"tick "+n,transform:"translate("+s+", 0)"});return l.appendChild(r),l.appendChild(o),l}function makeYLine(t,e,i,a,n,s,r){var o=arguments.length>7&&void 0!==arguments[7]&&arguments[7],l=createSVG("line",{className:"dashed"===(arguments.length>8&&void 0!==arguments[8]?arguments[8]:"")?"dashed":"",x1:t,x2:e,y1:0,y2:0}),h=createSVG("text",{className:n,x:i,y:0,dy:".32em",innerHTML:a+""}),u=createSVG("g",{className:"tick "+s,transform:"translate(0, "+r+")","stroke-opacity":1});return o&&(l.style.stroke="rgba(27, 31, 35, 0.6)"),u.appendChild(l),u.appendChild(h),u}function animateSVG(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 u=s[l]||t.getAttribute(l),c=e[l],p={attributeName:l,from:u,to:c,begin:"0s",dur:i/1e3+"s",values:u+";"+c,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(p.type=n);for(var _ in p)h.setAttribute(_,p[_]);r.appendChild(h),n?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}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 runSVGAnimation(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.unit.parentNode,s=void 0,r=void 0;t[0]=e.unit;var o=animateSVG.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.unit),e.array?e.array[e.index]=r:e.object[e.key]=r});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 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;n1&&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 calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],s=0;s255?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 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 chartTypes[t]?new chartTypes[t](e):new LineChart(e)}__$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{font-size:11px;fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .data-points circle{stroke:#fff;stroke-width:2}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .tick.x-axis-label{display:block}.chart-container .tick .specific-value{text-anchor:start}.chart-container .tick .y-value-text{text-anchor:end}.chart-container .tick .x-value-text{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\n\t\t\t\t
        \n\t\t\t\t
        '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",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:''+(0===e.value||e.value?e.value:"")+"\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}(),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:[]},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,h=void 0===l?[]:l,u=e.summary,c=void 0===u?[]:u,p=e.is_navigable,_=void 0===p?0:p,d=e.has_legend,f=void 0===d?0:d,v=e.type,m=void 0===v?"":v,g=e.parent,y=e.data;classCallCheck(this,t),this.raw_chart_args=arguments[0],this.parent="string"==typeof g?document.querySelector(g):g,this.title=s,this.subtitle=o,this.data=y,this.oldData=Object.assign({},y),this.specific_values=y.specific_values||[],this.summary=c,this.is_navigable=_,this.is_navigable&&(this.current_index=0),this.has_legend=f,this.setColors(h,m),this.set_margins(a)}return createClass(t,[{key:"get_different_chart",value:function(t){if(t!==this.type){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[this.type].includes(t)||console.error("'"+this.type+"' chart cannot be converted to a '"+t+"' chart.");var e=COLOR_COMPATIBLE_CHARTS[this.type].includes(t);return new Chart({parent:this.raw_chart_args.parent,title:this.title,data:this.raw_chart_args.data,type:t,height:this.raw_chart_args.height,colors:e?this.colors:void 0})}}},{key:"setColors",value:function(t,e){this.colors=t;var i="percentage"===e||"pie"===e?this.data.labels:this.data.datasets;(!this.colors||i&&this.colors.length0&&void 0!==arguments[0]&&arguments[0];this.setup_base_values(),this.set_width(),this.setup_container(),this.setup_components(),this.setup_values(),this.setup_utils(),this.make_graph_components(t),this.make_tooltip(),this.summary.length>0?this.show_custom_summary():this.show_summary(),this.is_navigable&&this.setup_navigation(t)}},{key:"set_width",value:function(){var t=0;this.specific_values.map(function(e){var i=getStringWidth(e.title+"",8);i>t&&(t=i-40)}),this.base_width=getElementContentWidth(this.parent)-t,this.width=this.base_width-2*this.translate_x}},{key:"setup_base_values",value:function(){}},{key:"setup_container",value:function(){this.container=$$1.create("div",{className:"chart-container",innerHTML:'
        '+this.title+'
        \n\t\t\t\t
        '+this.subtitle+'
        \n\t\t\t\t
        \n\t\t\t\t
        '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chart_wrapper=this.container.querySelector(".frappe-chart"),this.stats_wrapper=this.container.querySelector(".graph-stats-container"),this.make_chart_area(),this.make_draw_area()}},{key:"make_chart_area",value:function(){return this.svg=makeSVGContainer(this.chart_wrapper,"chart",this.base_width,this.base_height),this.svg_defs=makeSVGDefs(this.svg),this.svg}},{key:"make_draw_area",value:function(){this.draw_area=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.translate_x+", "+this.translate_y+")")}},{key:"setup_components",value:function(){}},{key:"setup_values",value:function(){}},{key:"setup_utils",value:function(){}},{key:"make_tooltip",value:function(){this.tip=new SvgTip({parent:this.chart_wrapper,colors:this.colors}),this.bind_tooltip()}},{key:"show_summary",value:function(){}},{key:"show_custom_summary",value:function(){var t=this;this.summary.map(function(e){var i=$$1.create("div",{className:"stats",innerHTML:'\n\t\t\t\t\t\n\t\t\t\t\t'+e.title+": "+e.value+"\n\t\t\t\t"});t.stats_wrapper.appendChild(i)})}},{key:"setup_navigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_overlay(),e&&(this.bind_overlay(),document.addEventListener("keydown",function(e){isElementInViewport(t.chart_wrapper)&&("37"==(e=e||window.event).keyCode?t.on_left_arrow():"39"==e.keyCode?t.on_right_arrow():"38"==e.keyCode?t.on_up_arrow():"40"==e.keyCode?t.on_down_arrow():"13"==e.keyCode&&t.on_enter_key())}))}},{key:"make_overlay",value:function(){}},{key:"bind_overlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"on_left_arrow",value:function(){}},{key:"on_right_arrow",value:function(){}},{key:"on_up_arrow",value:function(){}},{key:"on_down_arrow",value:function(){}},{key:"on_enter_key",value:function(){}},{key:"updateData",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"updateCurrentDataPoint",value:function(){}},{key:"makeDrawAreaComponent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return makeSVGGroup(this.draw_area,t,e)}}]),t}(),AxisChart=function(t){function e(t){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t));return i.x=i.data.labels||[],i.y=i.data.datasets||[],i.is_series=t.is_series,i.format_tooltip_y=t.format_tooltip_y,i.format_tooltip_x=t.format_tooltip_x,i.zero_line=i.height,i}return inherits(e,t),createClass(e,[{key:"validate_and_prepare_data",value:function(){return this.y.forEach(function(t,e){t.index=e},this),!0}},{key:"setup_values",value:function(){this.data.datasets.map(function(t){t.values=t.values.map(function(t){return isNaN(t)?0:t})}),this.setup_x(),this.setup_y()}},{key:"setup_x",value:function(){var t=this;this.set_avg_unit_width_and_x_offset(),this.x_axis_positions&&(this.x_old_axis_positions=this.x_axis_positions.slice()),this.x_axis_positions=this.x.map(function(e,i){return floatTwo(t.x_offset+i*t.avg_unit_width)}),this.x_old_axis_positions||(this.x_old_axis_positions=this.x_axis_positions.slice())}},{key:"setup_y",value:function(){this.y_axis_values&&(this.y_old_axis_values=this.y_axis_values.slice());var t=this.get_all_y_values();this.y_sums&&this.y_sums.length>0&&(t=t.concat(this.y_sums)),this.y_axis_values=calcIntervals(t,"line"===this.type),this.y_old_axis_values||(this.y_old_axis_values=this.y_axis_values.slice());var e=this.y_axis_values,i=e[e.length-1]-e[0];this.multiplier&&(this.old_multiplier=this.multiplier),this.multiplier=this.height/i,this.old_multiplier||(this.old_multiplier=this.multiplier);var a=e[1]-e[0],n=a*this.multiplier,s=void 0;s=e.indexOf(0)>=0?e.indexOf(0):e[0]>0?-1*e[0]/a:-1*e[e.length-1]/a+(e.length-1),this.zero_line&&(this.old_zero_line=this.zero_line),this.zero_line=this.height-s*n,this.old_zero_line||(this.old_zero_line=this.zero_line)}},{key:"setup_components",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_components",this).call(this),this.setup_marker_components(),this.setup_aggregation_components(),this.setup_graph_components()}},{key:"setup_marker_components",value:function(){this.y_axis_group=this.makeDrawAreaComponent("y axis"),this.x_axis_group=this.makeDrawAreaComponent("x axis"),this.specific_y_group=this.makeDrawAreaComponent("specific axis")}},{key:"setup_aggregation_components",value:function(){this.sum_group=this.makeDrawAreaComponent("data-points"),this.average_group=this.makeDrawAreaComponent("chart-area")}},{key:"setup_graph_components",value:function(){var t=this;this.svg_units_groups=[],this.y.map(function(e,i){t.svg_units_groups[i]=t.makeDrawAreaComponent("data-points data-points-"+i)})}},{key:"make_graph_components",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_y_axis(),this.make_x_axis(),this.draw_graph(t),this.make_y_specifics()}},{key:"make_x_axis",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=void 0,a=void 0,n=void 0,s="";if("span"===this.x_axis_mode?(i=-7,a=this.height+15,n=this.height+25):"tick"===this.x_axis_mode&&(i=this.height,a=6,n=9,s="x-axis-label"),this.x_axis_group.setAttribute("transform","translate(0,"+i+")"),e)return void this.make_anim_x_axis(a,n,s);var r=1.5*this.avg_unit_width,o=r/8;this.x_axis_group.textContent="",this.x.map(function(e,i){var l=getStringWidth(e,8)+2;if(l>r)if(t.is_series){for(var h=1;l/h*2>r;)h++;if(i%h!=0)return}else e=e.slice(0,o-3)+" ...";t.x_axis_group.appendChild(makeXLine(a,n,e,"x-value-text",s,t.x_axis_positions[i]))})}},{key:"make_y_axis",value:function(){var t=this;if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return this.make_anim_y_axis(),void this.make_anim_y_specifics();var e=this.get_y_axis_line_props(),i=slicedToArray(e,4),a=i[0],n=i[1],s=i[2],r=i[3];this.y_axis_group.textContent="",this.y_axis_values.map(function(e,i){t.y_axis_group.appendChild(makeYLine(r,a,n,e,"y-value-text",s,t.zero_line-e*t.multiplier,0===e&&0!==i))})}},{key:"get_y_axis_line_props",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return[this.width,this.width+5,"specific-value",0];var t=void 0,e="",i=0;return"span"===this.y_axis_mode?(t=this.width+6,i=-6):"tick"===this.y_axis_mode&&(t=-6,e="y-axis-label"),[t,-9,e,i]}},{key:"draw_graph",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.raw_chart_args.hasOwnProperty("init")&&!this.raw_chart_args.init?void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e),t.calc_y_dependencies()}):e?void this.draw_new_graph_and_animate():void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e)})}},{key:"draw_new_graph_and_animate",value:function(){var t=this,e=[];this.y.map(function(i,a){i.y_tops=new Array(i.values.length).fill(t.zero_line),e.push({values:i.values}),i.svg_units=[],t.make_path&&t.make_path(i,t.x_axis_positions,i.y_tops,t.colors[a]),t.make_new_units(i)}),setTimeout(function(){t.update_values(e)},350)}},{key:"setup_navigation",value:function(t){var i=this;t?setTimeout(function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_navigation",i).call(i,t)},500):get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setup_navigation",this).call(this,t)}},{key:"make_new_units",value:function(t){this.make_new_units_for_dataset(this.x_axis_positions,t.y_tops,this.colors[t.index],t.index,this.y.length)}},{key:"make_new_units_for_dataset",value:function(t,e,i,a,n,s,r,o){s||(s=this.svg_units_groups[a]),r||(r=this.y[a].svg_units),o||(o=this.unit_args),s.textContent="",r.length=0;var l=new UnitRenderer(this.height,this.zero_line,this.avg_unit_width);e.map(function(e,h){var u=l[o.type](t[h],e,o.args,i,h,a,n);s.appendChild(u),r.push(u)}),this.is_navigable&&this.bind_units(r)}},{key:"make_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.specific_y_group.appendChild(makeYLine(0,t.width,t.width+5,e.title.toUpperCase(),"specific-value","specific-value",t.zero_line-e.value*t.multiplier,!1,e.line_type))})}},{key:"bind_tooltip",value:function(){var t=this;this.chart_wrapper.addEventListener("mousemove",function(e){var i=offset(t.chart_wrapper),a=e.pageX-i.left-t.translate_x;e.pageY-i.top-t.translate_y=0;n--){var s=this.x_axis_positions[n];if(t>s-this.avg_unit_width/2){var r=s+this.translate_x,o=this.y_min_tops[n]+this.translate_y,l=i[n],h=this.y.map(function(t,i){return{title:t.title,value:a?e.format_tooltip_y(t.values[n]):t.values[n],color:e.colors[i]}});this.tip.set_values(r,o,l,"",h),this.tip.show_tip();break}}}}},{key:"show_sums",value:function(){var t=this;this.updating=!0,this.y_sums=new Array(this.x_axis_positions.length).fill(0),this.y.map(function(e){e.values.map(function(e,i){t.y_sums[i]+=e})}),this.update_values(),this.sum_units=[],this.make_new_units_for_dataset(this.x_axis_positions,this.y_sums.map(function(e){return floatTwo(t.zero_line-e*t.multiplier)}),"#f0f4f7",0,1,this.sum_group,this.sum_units),this.updating=!1}},{key:"hide_sums",value:function(){this.updating||(this.y_sums=[],this.sum_group.textContent="",this.sum_units=[],this.update_values())}},{key:"show_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice(),this.y.map(function(e){var i=0;e.values.map(function(t){i+=t});var a=i/e.values.length;t.specific_values.push({title:"AVG "+(e.index+1),line_type:"dashed",value:a,auto:1})}),this.update_values()}},{key:"hide_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice();var e=[];this.specific_values.map(function(t,i){t.auto&&e.unshift(i)}),e.map(function(e){t.specific_values.splice(e,1)}),this.update_values()}},{key:"update_values",value:function(t,e){var i=this;e||(e=this.x),this.elements_to_animate=[],this.updating=!0,this.old_x_values=this.x.slice(),this.old_y_axis_tops=this.y.map(function(t){return t.y_tops.slice()}),this.old_y_values=this.y.map(function(t){return t.values}),t&&this.y.map(function(e){e.values=t[e.index].values}),e&&(this.x=e),this.setup_x(),this.setup_y(),this.calc_y_dependencies(),this.animator=new Animator(this.height,this.width,this.zero_line,this.avg_unit_width),arraysEqual(this.x_old_axis_positions,this.x_axis_positions)||(this.make_x_axis(!0),setTimeout(function(){i.updating||i.make_x_axis()},350)),(!arraysEqual(this.y_old_axis_values,this.y_axis_values)||this.old_specific_values&&!arraysEqual(this.old_specific_values,this.specific_values))&&(this.make_y_axis(!0),setTimeout(function(){i.updating||(i.make_y_axis(),i.make_y_specifics())},350)),this.animate_graphs(),this.run_animation(),this.updating=!1}},{key:"add_data_point",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.x.length,a=this.y.map(function(t){return{values:t.values}});a.map(function(e,a){e.values.splice(i,0,t[a])});var n=this.x.slice();n.splice(i,0,e),this.update_values(a,n)}},{key:"remove_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.x.length-1;if(!(this.x.length<3)){var e=this.y.map(function(t){return{values:t.values}});e.map(function(e){e.values.splice(t,1)});var i=this.x.slice();i.splice(t,1),this.update_values(e,i)}}},{key:"run_animation",value:function(){var t=this,e=runSVGAnimation(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},250)}},{key:"animate_graphs",value:function(){var t=this;this.y.map(function(e){var i=equilizeNoOfPositions(t.x_old_axis_positions.slice(),t.old_y_axis_tops[e.index].slice(),t.x_axis_positions.slice(),e.y_tops.slice()),a=slicedToArray(i,4),n=a[0],s=a[1],r=a[2],o=a[3];r.length-n.length>0&&(t.make_path&&t.make_path(e,n,s,t.colors[e.index]),t.make_new_units_for_dataset(n,s,t.colors[e.index],e.index,t.y.length)),e.path&&t.animate_path(e,r,o),t.animate_units(e,n,s,r,o)}),setTimeout(function(){t.y.map(function(e){t.make_path&&t.make_path(e,t.x_axis_positions,e.y_tops,t.colors[e.index]),t.make_new_units(e)})},400)}},{key:"animate_path",value:function(t,e,i){var a=i.map(function(t,i){return e[i]+","+t});this.elements_to_animate=this.elements_to_animate.concat(this.animator.path(t,a.join("L")))}},{key:"animate_units",value:function(t,e,i,a,n){var s=this,r=this.unit_args.type;t.svg_units.map(function(e,i){void 0!==a[i]&&void 0!==n[i]&&s.elements_to_animate.push(s.animator[r]({unit:e,array:t.svg_units,index:i},a[i],n[i],t.index,s.y.length))})}},{key:"make_anim_x_axis",value:function(t,e,i){var a=this,n=this.x_old_axis_positions,s=this.x_axis_positions,r=this.old_x_values,o=this.x,l=n[n.length-1],h=function(n,s,r){"string"==typeof r&&(r=parseInt(r.substring(0,r.length-1)));var o=makeXLine(t,e,n,"x-value-text",i,s);a.x_axis_group.appendChild(o),a.elements_to_animate&&a.elements_to_animate.push([{unit:o,array:[0],index:0},{transform:r+", 0"},350,"easein","translate",{transform:s+", 0"}])};this.x_axis_group.textContent="",this.make_new_axis_anim_lines(n,s,r,o,l,h)}},{key:"make_anim_y_axis",value:function(){var t=this,e=this.y_old_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),i=this.y_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),a=this.y_old_axis_values,n=this.y_axis_values,s=e[e.length-1];this.y_axis_group.textContent="",this.make_new_axis_anim_lines(e,i,a,n,s,this.add_and_animate_y_line.bind(this),this.y_axis_group)}},{key:"make_anim_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.add_and_animate_y_line(e.title,t.old_zero_line-e.value*t.old_multiplier,t.zero_line-e.value*t.multiplier,0,t.specific_y_group,e.line_type,!0)})}},{key:"make_new_axis_anim_lines",value:function(t,e,i,a,n,s,r){var o=void 0,l=void 0,h=a.length-i.length;if(h>0)o=e.slice(0,t.length),l=a.slice(0,i.length);else{var u=new Array(Math.abs(h)).fill("");l=a.concat(u);var c=new Array(Math.abs(h)).fill(n+"F");o=e.concat(c)}if(l.map(function(e,i){s(e,t[i],o[i],i,r)}),h>0){var p=a.slice(i.length),_=e.slice(t.length);p.map(function(t,e){s(t,n,_[e],e,r)})}}},{key:"add_and_animate_y_line",value:function(t,e,i,a,n,s){var r=arguments.length>6&&void 0!==arguments[6]&&arguments[6],o=!1;"string"==typeof i&&(i=parseInt(i.substring(0,i.length-1)),o=!0);var l={transform:"0, "+i},h={transform:"0, "+e};o&&(l["stroke-opacity"]=0);var u=this.get_y_axis_line_props(r),c=slicedToArray(u,4),p=c[0],_=c[1],d=c[2],f=c[3],v=r?"specific-value":"y-value-text",m=makeYLine(f,p,_,t=r?(t+"").toUpperCase():t,v,d,e,0===t&&0!==a,s);n.appendChild(m),this.elements_to_animate&&this.elements_to_animate.push([{unit:m,array:[0],index:0},l,350,"easein","translate",h])}},{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","y_tops","values"].map(function(a){var n=a.slice(0,a.length-1);e[n]=i[a][t]}),e.label=this.x[t],e}},{key:"updateCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.x.length&&(t=this.x.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length-1),this.x_offset=0}},{key:"get_all_y_values",value:function(){var t=[];return this.y.map(function(e){t=t.concat(e.values)}),t.concat(this.specific_values.map(function(t){return t.value}))}},{key:"calc_y_dependencies",value:function(){var t=this;this.y_min_tops=new Array(this.x.length).fill(9999),this.y.map(function(e){e.y_tops=e.values.map(function(e){return floatTwo(t.zero_line-e*t.multiplier)}),e.y_tops.map(function(e,i){e0}),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:"make_graph_components",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.percentage_bar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"bind_tooltip",value:function(){var t=this;this.slices.map(function(e,i){e.addEventListener("mouseenter",function(){var a=offset(t.chart_wrapper),n=offset(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:"show_summary",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.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),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:"make_graph_components",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,u=o/i.grand_total*FULL_ANGLE,c=n?-u:u,p=r+=c,_=e.getPositionByAngle(h,a),d=e.getPositionByAngle(p,a),f=t&&s[l],v=void 0,m=void 0;t?(v=f?f.startPosition:_,m=f?f.endPosition:_):(v=_,m=d);var g=i.makeArcPath(v,m),y=makePath(g,"pie-path","none",i.colors[l]);y.style.transition="transform .3s;",i.draw_area.appendChild(y),i.slices.push(y),i.slicesProperties.push({startPosition:_,endPosition:d,value:o,total:i.grand_total,startAngle:h,endAngle:p,angle:c}),t&&i.elements_to_animate.push([{unit:y,array:i.slices,index:i.slices.length-1},{d:i.makeArcPath(_,d)},650,"easein",null,{d:g}])}),t&&this.run_animation()}},{key:"run_animation",value:function(){var t=this;if(this.elements_to_animate&&0!==this.elements_to_animate.length){var e=runSVGAnimation(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},650)}}},{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=offset(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;n0?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.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}],[{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,u=t.discrete_domains,c=void 0===u?0:u,p=t.count_label,_=void 0===p?"":p,d=t.legend_colors,f=void 0===d?[]:d;classCallCheck(this,e);var v=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));v.type="heatmap",v.domain=s,v.subdomain=o,v.data=h,v.discrete_domains=c,v.count_label=_;var m=new Date;return v.start=a||addDays(m,365),f=f.slice(0,5),v.legend_colors=v.validate_colors(f)?f:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],v.distribution_size=5,v.translate_x=0,v.setup(),v}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:"setup_base_values",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:"set_width",value:function(){this.base_width=12*(this.no_of_cols+3),this.discrete_domains&&(this.base_width+=144)}},{key:"setup_components",value:function(){this.domain_label_group=this.makeDrawAreaComponent("domain-label-group chart-label"),this.data_groups=this.makeDrawAreaComponent("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;ii)break;f.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=f}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:"make_graph_components",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chart_wrapper.style.marginTop="0px",this.chart_wrapper.style.paddingTop="0px"}},{key:"bind_tooltip",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.chart_wrapper.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,u=i+" "+t.count_label,c=" on "+n+" "+a[0]+", "+a[2];t.tip.set_values(l,h,c,u,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bind_tooltip()}}]),e}(BaseChart),chartTypes={line:LineChart,bar:BarChart,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 1b41f37..ba934d1 100644 --- a/dist/frappe-charts.min.iife.js +++ b/dist/frappe-charts.min.iife.js @@ -1 +1 @@ -var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t,e,i){var a=void 0,s=void 0;return t<=e?(s=t,0===(a=e-t)&&(s-=a=.01*i)):(s=e,0===(a=t-e)&&(a=.01*i)),[a,s]}function n(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function r(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var s=e[a];if("inside"===a)n(s).appendChild(i);else if("around"===a){var r=n(s);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===s?"undefined":W(s))&&Object.keys(s).map(function(t){i.style[t]=s[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=s:i.setAttribute(a,s))}return i}function o(t,e){return r("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function l(t,e,i,a){return r("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function h(t,e,i,a){return r("svg",{className:e,inside:t,width:i,height:a})}function u(t){return r("defs",{inside:t})}function c(t,e){return r("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function _(t){return r("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 p(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e,s=o(t,a),n=[1,.6,.2];return i&&(n=[.4,.2,0]),l(s,"0%",e,n[0]),l(s,"50%",e,n[1]),l(s,"100%",e,n[2]),a}function d(t,e,i,a){var s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},o={className:t,x:e,y:i,width:a,height:a,fill:s};return Object.keys(n).map(function(t){o[t]=n[t]}),r("rect",o)}function v(t,e,i,a){return r("text",{className:t,x:e,y:i,dy:".32em",innerHTML:a})}function f(t,e,i,a,s,n){var o=r("line",{x1:0,x2:0,y1:0,y2:t}),l=r("text",{className:a,x:0,y:e,dy:".71em",innerHTML:i}),h=r("g",{className:"tick "+s,transform:"translate("+n+", 0)"});return h.appendChild(o),h.appendChild(l),h}function m(t,e,i,a,s,n,o){var l=arguments.length>7&&void 0!==arguments[7]&&arguments[7],h=r("line",{className:"dashed"===(arguments.length>8&&void 0!==arguments[8]?arguments[8]:"")?"dashed":"",x1:t,x2:e,y1:0,y2:0}),u=r("text",{className:s,x:i,y:0,dy:".32em",innerHTML:a+""}),c=r("g",{className:"tick "+n,transform:"translate(0, "+o+")","stroke-opacity":1});return l&&(h.style.stroke="rgba(27, 31, 35, 0.6)"),c.appendChild(h),c.appendChild(u),c}function g(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,n=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 u=n[l]||t.getAttribute(l),c=e[l],_={attributeName:l,from:u,to:c,begin:"0s",dur:i/1e3+"s",values:u+";"+c,keySplines:V[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};s&&(_.type=s);for(var p in _)h.setAttribute(p,_[p]);r.appendChild(h),s?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}return[r,o]}function y(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function x(t,e){var i=[],a=[];e.map(function(t){var e=t[0],s=e.unit.parentNode,n=void 0,r=void 0;t[0]=e.unit;var o=g.apply(void 0,X(t)),l=Y(o,2);n=l[0],r=l[1],i.push(r),a.push([n,s]),s.replaceChild(n,e.unit),e.array?e.array[e.index]=r:e.object[e.key]=r});var s=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),s}function k(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 w(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),s=i-a,n=s,r=1;s>5&&(s%2!=0&&(s=++i-a),n=s/2,r=2),s<=2&&(r=s/(n=4)),0===s&&(n=5,r=1);for(var o=[],l=0;l<=n;l++)o.push(a+r*l);return o}function b(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=k(t),a=Y(i,2),s=a[0],n=a[1],r=e?e/Math.pow(10,n):0,o=w(s=s.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,n)})}function C(t){function e(t,e){for(var i=b(t),a=i[1]-i[0],s=0,n=1;s1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,X(t)),s=Math.min.apply(Math,X(t)),n=[];if(a>=0&&s>=0)k(a)[1],n=i?b(a,s):b(a);else if(a>0&&s<0){var r=Math.abs(s);a>=r?(k(a)[1],n=e(a,r)):(k(r)[1],n=e(r,a).map(function(t){return-1*t}))}else if(a<=0&&s<=0){var o=Math.abs(s),l=Math.abs(a);k(o)[1],n=(n=i?b(o,l):b(o)).reverse().map(function(t){return-1*t})}return n}function A(t,e){for(var i=Math.max.apply(Math,X(t)),a=1/(e-1),s=[],n=0;n255?255:t<0?0:t}function S(t,e){var i=Z(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var s=parseInt(i,16),n=P((s>>16)+e),r=P((s>>8&255)+e),o=P((255&s)+e);return(a?"#":"")+(o|r<<8|n<<16).toString(16)}function T(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function z(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function j(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function E(t,e){return Math.ceil(D(t,e)/7)}function D(t,e){return(z(e)-z(t))/864e5}function H(t,e){t.setDate(t.getDate()+e)}function F(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return _t[t]?new _t[t](e):new rt(e)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{font-size:11px;fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .data-points circle{stroke:#fff;stroke-width:2}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .tick.x-axis-label{display:block}.chart-container .tick .specific-value{text-anchor:start}.chart-container .tick .y-value-text{text-anchor:end}.chart-container .tick .x-value-text{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 W="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},B=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,s){var o={key:t,arg:e,resolve:i,reject:s,next:null};r?r=r.next=o:(n=r=o,a(t,e))})}function a(i,n){try{var r=e[i](n),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):s(r.done?"return":"normal",r.value)}catch(t){s("throw",t)}}function s(t,e){switch(t){case"return":n.resolve({value:e,done:!0});break;case"throw":n.reject(e);break;default:n.resolve({value:e,done:!1})}(n=n.next)?a(n.key,n.arg):r=null}var n,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")}),I=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
          \n\t\t\t\t
          '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=i,this.data_point_list.innerHTML="",this.list_values.map(function(i,a){var s=e.colors[a]||"black",n=t.create("li",{styles:{"border-top":"3px solid "+s},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.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]:"",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=s,this.x=t,this.y=e,this.title_value_first=n,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}(),K={"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"},Q=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],Z=function(t){return K[t]||t},tt=["line","scatter","bar","percentage","heatmap","pie"],et={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:[]},it={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},at=function(){function e(t){var i=t.height,a=void 0===i?240:i,s=t.title,n=void 0===s?"":s,r=t.subtitle,o=void 0===r?"":r,l=t.colors,h=void 0===l?[]:l,u=t.summary,c=void 0===u?[]:u,_=t.is_navigable,p=void 0===_?0:_,d=t.has_legend,v=void 0===d?0:d,f=t.type,m=void 0===f?"":f,g=t.parent,y=t.data;B(this,e),this.raw_chart_args=arguments[0],this.parent="string"==typeof g?document.querySelector(g):g,this.title=n,this.subtitle=o,this.data=y,this.specific_values=y.specific_values||[],this.summary=c,this.is_navigable=p,this.is_navigable&&(this.current_index=0),this.has_legend=v,this.setColors(h,m),this.set_margins(a)}return I(e,[{key:"get_different_chart",value:function(t){if(t!==this.type){tt.includes(t)||console.error("'"+t+"' is not a valid chart type."),et[this.type].includes(t)||console.error("'"+this.type+"' chart cannot be converted to a '"+t+"' chart.");var e=it[this.type].includes(t);return new pt({parent:this.raw_chart_args.parent,title:this.title,data:this.raw_chart_args.data,type:t,height:this.raw_chart_args.height,colors:e?this.colors:void 0})}}},{key:"setColors",value:function(t,e){this.colors=t;var i="percentage"===e||"pie"===e?this.data.labels:this.data.datasets;(!this.colors||i&&this.colors.length0&&void 0!==arguments[0]&&arguments[0];this.setup_base_values(),this.set_width(),this.setup_container(),this.setup_components(),this.setup_values(),this.setup_utils(),this.make_graph_components(t),this.make_tooltip(),this.summary.length>0?this.show_custom_summary():this.show_summary(),this.is_navigable&&this.setup_navigation(t)}},{key:"set_width",value:function(){var t=0;this.specific_values.map(function(e){var i=L(e.title+"",8);i>t&&(t=i-40)}),this.base_width=a(this.parent)-t,this.width=this.base_width-2*this.translate_x}},{key:"setup_base_values",value:function(){}},{key:"setup_container",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'
          '+this.title+'
          \n\t\t\t\t
          '+this.subtitle+'
          \n\t\t\t\t
          \n\t\t\t\t
          '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chart_wrapper=this.container.querySelector(".frappe-chart"),this.stats_wrapper=this.container.querySelector(".graph-stats-container"),this.make_chart_area(),this.make_draw_area()}},{key:"make_chart_area",value:function(){return this.svg=h(this.chart_wrapper,"chart",this.base_width,this.base_height),this.svg_defs=u(this.svg),this.svg}},{key:"make_draw_area",value:function(){this.draw_area=c(this.svg,this.type+"-chart","translate("+this.translate_x+", "+this.translate_y+")")}},{key:"setup_components",value:function(){}},{key:"make_tooltip",value:function(){this.tip=new $({parent:this.chart_wrapper,colors:this.colors}),this.bind_tooltip()}},{key:"show_summary",value:function(){}},{key:"show_custom_summary",value:function(){var e=this;this.summary.map(function(i){var a=t.create("div",{className:"stats",innerHTML:'\n\t\t\t\t\t\n\t\t\t\t\t'+i.title+": "+i.value+"\n\t\t\t\t"});e.stats_wrapper.appendChild(a)})}},{key:"setup_navigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_overlay(),e&&(this.bind_overlay(),document.addEventListener("keydown",function(e){i(t.chart_wrapper)&&("37"==(e=e||window.event).keyCode?t.on_left_arrow():"39"==e.keyCode?t.on_right_arrow():"38"==e.keyCode?t.on_up_arrow():"40"==e.keyCode?t.on_down_arrow():"13"==e.keyCode&&t.on_enter_key())}))}},{key:"make_overlay",value:function(){}},{key:"bind_overlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"on_left_arrow",value:function(){}},{key:"on_right_arrow",value:function(){}},{key:"on_up_arrow",value:function(){}},{key:"on_down_arrow",value:function(){}},{key:"on_enter_key",value:function(){}},{key:"get_data_point",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","y_tops","values"].map(function(a){var s=a.slice(0,a.length-1);e[s]=i[a][t]}),e.label=this.x[t],e}},{key:"update_current_data_point",value:function(e){(e=parseInt(e))<0&&(e=0),e>=this.x.length&&(e=this.x.length-1),e!==this.current_index&&(this.current_index=e,t.fire(this.parent,"data-select",this.get_data_point()))}},{key:"setup_utils",value:function(){}},{key:"makeDrawAreaComponent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return c(this.draw_area,t,e)}}]),e}(),st=function(t){function i(t){B(this,i);var e=U(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.x=e.data.labels||[],e.y=e.data.datasets||[],e.is_series=t.is_series,e.format_tooltip_y=t.format_tooltip_y,e.format_tooltip_x=t.format_tooltip_x,e.zero_line=e.height,e}return R(i,t),I(i,[{key:"validate_and_prepare_data",value:function(){return!0}},{key:"setup_values",value:function(){this.data.datasets.map(function(t){t.values=t.values.map(function(t){return isNaN(t)?0:t})}),this.setup_x(),this.setup_y()}},{key:"setup_x",value:function(){var t=this;this.set_avg_unit_width_and_x_offset(),this.x_axis_positions&&(this.x_old_axis_positions=this.x_axis_positions.slice()),this.x_axis_positions=this.x.map(function(e,i){return O(t.x_offset+i*t.avg_unit_width)}),this.x_old_axis_positions||(this.x_old_axis_positions=this.x_axis_positions.slice())}},{key:"setup_y",value:function(){this.y_axis_values&&(this.y_old_axis_values=this.y_axis_values.slice());var t=this.get_all_y_values();this.y_sums&&this.y_sums.length>0&&(t=t.concat(this.y_sums)),this.y_axis_values=C(t,"line"===this.type),this.y_old_axis_values||(this.y_old_axis_values=this.y_axis_values.slice());var e=this.y_axis_values,i=e[e.length-1]-e[0];this.multiplier&&(this.old_multiplier=this.multiplier),this.multiplier=this.height/i,this.old_multiplier||(this.old_multiplier=this.multiplier);var a=e[1]-e[0],s=a*this.multiplier,n=void 0;n=e.indexOf(0)>=0?e.indexOf(0):e[0]>0?-1*e[0]/a:-1*e[e.length-1]/a+(e.length-1),this.zero_line&&(this.old_zero_line=this.zero_line),this.zero_line=this.height-n*s,this.old_zero_line||(this.old_zero_line=this.zero_line)}},{key:"setup_components",value:function(){q(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_components",this).call(this),this.setup_marker_components(),this.setup_aggregation_components(),this.setup_graph_components()}},{key:"setup_marker_components",value:function(){this.y_axis_group=this.makeDrawAreaComponent("y axis"),this.x_axis_group=this.makeDrawAreaComponent("x axis"),this.specific_y_group=this.makeDrawAreaComponent("specific axis")}},{key:"setup_aggregation_components",value:function(){this.sum_group=this.makeDrawAreaComponent("data-points"),this.average_group=this.makeDrawAreaComponent("chart-area")}},{key:"setup_graph_components",value:function(){var t=this;this.svg_units_groups=[],this.y.map(function(e,i){t.svg_units_groups[i]=t.makeDrawAreaComponent("data-points data-points-"+i)})}},{key:"make_graph_components",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_y_axis(),this.make_x_axis(),this.draw_graph(t),this.make_y_specifics()}},{key:"make_x_axis",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=void 0,a=void 0,s=void 0,n="";if("span"===this.x_axis_mode?(i=-7,a=this.height+15,s=this.height+25):"tick"===this.x_axis_mode&&(i=this.height,a=6,s=9,n="x-axis-label"),this.x_axis_group.setAttribute("transform","translate(0,"+i+")"),e)return void this.make_anim_x_axis(a,s,n);var r=1.5*this.avg_unit_width,o=r/8;this.x_axis_group.textContent="",this.x.map(function(e,i){var l=L(e,8)+2;if(l>r)if(t.is_series){for(var h=1;l/h*2>r;)h++;if(i%h!=0)return}else e=e.slice(0,o-3)+" ...";t.x_axis_group.appendChild(f(a,s,e,"x-value-text",n,t.x_axis_positions[i]))})}},{key:"make_y_axis",value:function(){var t=this;if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return this.make_anim_y_axis(),void this.make_anim_y_specifics();var e=this.get_y_axis_line_props(),i=Y(e,4),a=i[0],s=i[1],n=i[2],r=i[3];this.y_axis_group.textContent="",this.y_axis_values.map(function(e,i){t.y_axis_group.appendChild(m(r,a,s,e,"y-value-text",n,t.zero_line-e*t.multiplier,0===e&&0!==i))})}},{key:"get_y_axis_line_props",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return[this.width,this.width+5,"specific-value",0];var t=void 0,e="",i=0;return"span"===this.y_axis_mode?(t=this.width+6,i=-6):"tick"===this.y_axis_mode&&(t=-6,e="y-axis-label"),[t,-9,e,i]}},{key:"draw_graph",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.raw_chart_args.hasOwnProperty("init")&&!this.raw_chart_args.init?void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e,i),t.calc_y_dependencies()}):e?void this.draw_new_graph_and_animate():void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e,i)})}},{key:"draw_new_graph_and_animate",value:function(){var t=this,e=[];this.y.map(function(i,a){i.y_tops=new Array(i.values.length).fill(t.zero_line),e.push({values:i.values}),i.svg_units=[],t.make_path&&t.make_path(i,a,t.x_axis_positions,i.y_tops,t.colors[a]),t.make_new_units(i,a)}),setTimeout(function(){t.update_values(e)},350)}},{key:"setup_navigation",value:function(t){var e=this;t?setTimeout(function(){q(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_navigation",e).call(e,t)},500):q(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_navigation",this).call(this,t)}},{key:"make_new_units",value:function(t,e){this.make_new_units_for_dataset(this.x_axis_positions,t.y_tops,this.colors[e],e,this.y.length)}},{key:"make_new_units_for_dataset",value:function(t,e,i,a,s,n,r,o){n||(n=this.svg_units_groups[a]),r||(r=this.y[a].svg_units),o||(o=this.unit_args),n.textContent="",r.length=0;var l=new J(this.height,this.zero_line,this.avg_unit_width);e.map(function(e,h){var u=l[o.type](t[h],e,o.args,i,h,a,s);n.appendChild(u),r.push(u)}),this.is_navigable&&this.bind_units(r)}},{key:"make_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.specific_y_group.appendChild(m(0,t.width,t.width+5,e.title.toUpperCase(),"specific-value","specific-value",t.zero_line-e.value*t.multiplier,!1,e.line_type))})}},{key:"bind_tooltip",value:function(){var t=this;this.chart_wrapper.addEventListener("mousemove",function(i){var a=e(t.chart_wrapper),s=i.pageX-a.left-t.translate_x;i.pageY-a.top-t.translate_y=0;s--){var n=this.x_axis_positions[s];if(t>n-this.avg_unit_width/2){var r=n+this.translate_x,o=this.y_min_tops[s]+this.translate_y,l=i[s],h=this.y.map(function(t,i){return{title:t.title,value:a?e.format_tooltip_y(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(r,o,l,"",h),this.tip.show_tip();break}}}}},{key:"show_sums",value:function(){var t=this;this.updating=!0,this.y_sums=new Array(this.x_axis_positions.length).fill(0),this.y.map(function(e){e.values.map(function(e,i){t.y_sums[i]+=e})}),this.update_values(),this.sum_units=[],this.make_new_units_for_dataset(this.x_axis_positions,this.y_sums.map(function(e){return O(t.zero_line-e*t.multiplier)}),"#f0f4f7",0,1,this.sum_group,this.sum_units),this.updating=!1}},{key:"hide_sums",value:function(){this.updating||(this.y_sums=[],this.sum_group.textContent="",this.sum_units=[],this.update_values())}},{key:"show_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice(),this.y.map(function(e,i){var a=0;e.values.map(function(t){a+=t});var s=a/e.values.length;t.specific_values.push({title:"AVG "+(i+1),line_type:"dashed",value:s,auto:1})}),this.update_values()}},{key:"hide_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice();var e=[];this.specific_values.map(function(t,i){t.auto&&e.unshift(i)}),e.map(function(e){t.specific_values.splice(e,1)}),this.update_values()}},{key:"update_values",value:function(t,e){var i=this;e||(e=this.x),this.elements_to_animate=[],this.updating=!0,this.old_x_values=this.x.slice(),this.old_y_axis_tops=this.y.map(function(t){return t.y_tops.slice()}),this.old_y_values=this.y.map(function(t){return t.values}),this.no_of_extra_pts=e.length-this.x.length,t&&this.y.map(function(e,i){e.values=t[i].values}),e&&(this.x=e),this.setup_x(),this.setup_y(),this.calc_y_dependencies(),this.animator=new G(this.height,this.width,this.zero_line,this.avg_unit_width),N(this.x_old_axis_positions,this.x_axis_positions)||(this.make_x_axis(!0),setTimeout(function(){i.updating||i.make_x_axis()},350)),(!N(this.y_old_axis_values,this.y_axis_values)||this.old_specific_values&&!N(this.old_specific_values,this.specific_values))&&(this.make_y_axis(!0),setTimeout(function(){i.updating||(i.make_y_axis(),i.make_y_specifics())},350)),this.animate_graphs(),this.run_animation(),this.updating=!1}},{key:"add_data_point",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.x.length,a=this.y.map(function(t){return{values:t.values}});a.map(function(e,a){e.values.splice(i,0,t[a])});var s=this.x.slice();s.splice(i,0,e),this.update_values(a,s)}},{key:"remove_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.x.length-1;if(!(this.x.length<3)){var e=this.y.map(function(t){return{values:t.values}});e.map(function(e){e.values.splice(t,1)});var i=this.x.slice();i.splice(t,1),this.update_values(e,i)}}},{key:"run_animation",value:function(){var t=this,e=x(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},250)}},{key:"animate_graphs",value:function(){var t=this;this.y.map(function(e,i){var a=t.calc_old_and_new_postions(e,i),s=Y(a,4),n=s[0],r=s[1],o=s[2],l=s[3];t.no_of_extra_pts>=0&&(t.make_path&&t.make_path(e,i,n,r,t.colors[i]),t.make_new_units_for_dataset(n,r,t.colors[i],i,t.y.length)),e.path&&t.animate_path(e,i,n,r,o,l),t.animate_units(e,i,n,r,o,l)}),setTimeout(function(){t.y.map(function(e,i){t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e,i)})},400)}},{key:"animate_path",value:function(t,e,i,a,s,n){var r=n.map(function(t,e){return s[e]+","+t}).join("L");this.elements_to_animate=this.elements_to_animate.concat(this.animator.path(t,r))}},{key:"animate_units",value:function(t,e,i,a,s,n){var r=this,o=this.unit_args.type;t.svg_units.map(function(i,a){void 0!==s[a]&&void 0!==n[a]&&r.elements_to_animate.push(r.animator[o]({unit:i,array:t.svg_units,index:a},s[a],n[a],e,r.y.length))})}},{key:"calc_old_and_new_postions",value:function(t,e){var i=this.x_old_axis_positions.slice(),a=this.x_axis_positions.slice(),s=this.old_y_axis_tops[e].slice(),n=t.y_tops.slice(),r=i[i.length-1],o=s[s.length-1],l=a[a.length-1],h=n[n.length-1];if(this.no_of_extra_pts>=0){var u=new Array(Math.abs(this.no_of_extra_pts)).fill(r),c=new Array(Math.abs(this.no_of_extra_pts)).fill(o);i=i.concat(u),s=s.concat(c)}else{var _=new Array(Math.abs(this.no_of_extra_pts)).fill(l),p=new Array(Math.abs(this.no_of_extra_pts)).fill(h);a=a.concat(_),n=n.concat(p)}return[i,s,a,n]}},{key:"make_anim_x_axis",value:function(t,e,i){var a=this,s=this.x_old_axis_positions,n=this.x_axis_positions,r=this.old_x_values,o=this.x,l=s[s.length-1],h=function(s,n,r){"string"==typeof r&&(r=parseInt(r.substring(0,r.length-1)));var o=f(t,e,s,"x-value-text",i,n);a.x_axis_group.appendChild(o),a.elements_to_animate&&a.elements_to_animate.push([{unit:o,array:[0],index:0},{transform:r+", 0"},350,"easein","translate",{transform:n+", 0"}])};this.x_axis_group.textContent="",this.make_new_axis_anim_lines(s,n,r,o,l,h)}},{key:"make_anim_y_axis",value:function(){var t=this,e=this.y_old_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),i=this.y_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),a=this.y_old_axis_values,s=this.y_axis_values,n=e[e.length-1];this.y_axis_group.textContent="",this.make_new_axis_anim_lines(e,i,a,s,n,this.add_and_animate_y_line.bind(this),this.y_axis_group)}},{key:"make_anim_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.add_and_animate_y_line(e.title,t.old_zero_line-e.value*t.old_multiplier,t.zero_line-e.value*t.multiplier,0,t.specific_y_group,e.line_type,!0)})}},{key:"make_new_axis_anim_lines",value:function(t,e,i,a,s,n,r){var o=void 0,l=void 0,h=a.length-i.length;if(h>0)o=e.slice(0,t.length),l=a.slice(0,i.length);else{var u=new Array(Math.abs(h)).fill("");l=a.concat(u);var c=new Array(Math.abs(h)).fill(s+"F");o=e.concat(c)}if(l.map(function(e,i){n(e,t[i],o[i],i,r)}),h>0){var _=a.slice(i.length),p=e.slice(t.length);_.map(function(t,e){n(t,s,p[e],e,r)})}}},{key:"add_and_animate_y_line",value:function(t,e,i,a,s,n){var r=arguments.length>6&&void 0!==arguments[6]&&arguments[6],o=!1;"string"==typeof i&&(i=parseInt(i.substring(0,i.length-1)),o=!0);var l={transform:"0, "+i},h={transform:"0, "+e};o&&(l["stroke-opacity"]=0);var u=this.get_y_axis_line_props(r),c=Y(u,4),_=c[0],p=c[1],d=c[2],v=c[3],f=r?"specific-value":"y-value-text",g=m(v,_,p,t=r?(t+"").toUpperCase():t,f,d,e,0===t&&0!==a,n);s.appendChild(g),this.elements_to_animate&&this.elements_to_animate.push([{unit:g,array:[0],index:0},l,350,"easein","translate",h])}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length-1),this.x_offset=0}},{key:"get_all_y_values",value:function(){var t=[];return this.y.map(function(e){t=t.concat(e.values)}),t.concat(this.specific_values.map(function(t){return t.value}))}},{key:"calc_y_dependencies",value:function(){var t=this;this.y_min_tops=new Array(this.x_axis_positions.length).fill(9999),this.y.map(function(e){e.y_tops=e.values.map(function(e){return O(t.zero_line-e*t.multiplier)}),e.y_tops.map(function(e,i){e0}),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:"make_graph_components",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,a){var s=t.create("div",{className:"progress-bar",inside:e.percentage_bar,styles:{background:e.colors[a],width:100*i/e.grand_total+"%"}});e.slices.push(s)})}},{key:"bind_tooltip",value:function(){var t=this;this.slices.map(function(i,a){i.addEventListener("mouseenter",function(){var s=e(t.chart_wrapper),n=e(i),r=n.left-s.left+i.offsetWidth/2,o=n.top-s.top-6,l=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[a]:t.labels[a])+": ",h=(100*t.slice_totals[a]/t.grand_total).toFixed(1);t.tip.set_values(r,o,l,h+"%"),t.tip.show_tip()})})}},{key:"show_summary",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,s){a&&(t.create("div",{className:"stats",inside:e.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[s]+":\n\t\t\t\t\t"+a+"\n\t\t\t\t")})}}]),a}(at),ht=Math.PI/180,ut=function(i){function a(t){B(this,a);var e=U(this,(a.__proto__||Object.getPrototypeOf(a)).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 R(a,i),I(a,[{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,s=this.radius,n=this.clockWise;return"M"+i+" "+a+" L"+(i+t.x)+" "+(a+t.y)+" A "+s+" "+s+" 0 0 "+(n?1:0)+" "+(i+e.x)+" "+(a+e.y)+" z"}},{key:"make_graph_components",value:function(t){var e=this,i=this.radius,s=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,u=o/e.grand_total*360,c=s?-u:u,p=r+=c,d=a.getPositionByAngle(h,i),v=a.getPositionByAngle(p,i),f=t&&n[l],m=void 0,g=void 0;t?(m=f?f.startPosition:d,g=f?f.endPosition:d):(m=d,g=v);var y=e.makeArcPath(m,g),x=_(y,"pie-path","none",e.colors[l]);x.style.transition="transform .3s;",e.draw_area.appendChild(x),e.slices.push(x),e.slicesProperties.push({startPosition:d,endPosition:v,value:o,total:e.grand_total,startAngle:h,endAngle:p,angle:c}),t&&e.elements_to_animate.push([{unit:x,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(d,v)},650,"easein",null,{d:y}])}),t&&this.run_animation()}},{key:"run_animation",value:function(){var t=this;if(this.elements_to_animate&&0!==this.elements_to_animate.length){var e=x(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},650)}}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,s=a.getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+s.x*i+"px,"+s.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,a,s){if(t){var n=this.colors[i];if(a){y(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=S(n,50);var r=e(this.svg),o=s.pageX-r.left+10,l=s.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",u=(100*this.slice_totals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,u+"%"),this.tip.show_tip()}else y(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,s=0;s0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,s){var n=e.colors[s];a&&(t.create("div",{className:"stats",inside:e.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[s]+":\n\t\t\t\t\t"+a+"\n\t\t\t\t")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*ht)*e,y:Math.cos(t*ht)*e}}}]),a}(at),ct=function(t){function e(t){var i=t.start,a=void 0===i?"":i,s=t.domain,n=void 0===s?"":s,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,u=t.discrete_domains,c=void 0===u?0:u,_=t.count_label,p=void 0===_?"":_,d=t.legend_colors,v=void 0===d?[]:d;B(this,e);var f=U(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));f.type="heatmap",f.domain=n,f.subdomain=o,f.data=h,f.discrete_domains=c,f.count_label=p;var m=new Date;return f.start=a||H(m,365),v=v.slice(0,5),f.legend_colors=f.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],f.distribution_size=5,f.translate_x=0,f.setup(),f}return R(e,t),I(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:"setup_base_values",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()&&H(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&H(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=E(this.first_week_start+"",this.last_week_start+"")+1}},{key:"set_width",value:function(){this.base_width=12*(this.no_of_cols+3),this.discrete_domains&&(this.base_width+=144)}},{key:"setup_components",value:function(){this.domain_label_group=this.makeDrawAreaComponent("domain-label-group chart-label"),this.data_groups=this.makeDrawAreaComponent("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=A(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;ii)break;m.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(s=1),this.month_start_points.push(13+12*(e+s))),t=m}return[n,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=v("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domain_label_group.appendChild(a)})}},{key:"make_graph_components",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chart_wrapper.style.marginTop="0px",this.chart_wrapper.style.paddingTop="0px"}},{key:"bind_tooltip",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("-"),s=t.month_names[parseInt(a[1])-1].substring(0,3),n=t.chart_wrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-n.left+(o+2)/2,h=r.top-n.top-(o+2)/2,u=i+" "+t.count_label,c=" on "+s+" "+a[0]+", "+a[2];t.tip.set_values(l,h,c,u,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bind_tooltip()}}]),e}(at),_t={line:rt,bar:nt,scatter:ot,percentage:lt,heatmap:ct,pie:ut},pt=function t(e){return B(this,t),F(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 i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function n(t){return parseFloat(t.toFixed(2))}function s(t,e){if(t.length!==e.length)return!1;var i=!0;return t.map(function(t,a){e[a]!==t&&(i=!1)}),i}function r(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 o(t,e){return(t+"").length*e}function l(t,e,i){var a=void 0,n=void 0;return t<=e?(n=t,0===(a=e-t)&&(n-=a=.01*i)):(n=e,0===(a=t-e)&&(a=.01*i)),[a,n]}function h(t,e,i,a){var n=i.length-t.length;return n>=0?(t=r(t,n),e=r(e,n)):(i=r(i,n),a=r(a,n)),[t,e,i,a]}function u(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function c(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)u(n).appendChild(i);else if("around"===a){var s=u(n);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===a?"object"===(void 0===n?"undefined":I(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 p(t,e){return c("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function _(t,e,i,a){return c("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function d(t,e,i,a){return c("svg",{className:e,inside:t,width:i,height:a})}function v(t){return c("defs",{inside:t})}function f(t,e){return c("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function m(t){return c("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 g(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e,n=p(t,a),s=[1,.6,.2];return i&&(s=[.4,.2,0]),_(n,"0%",e,s[0]),_(n,"50%",e,s[1]),_(n,"100%",e,s[2]),a}function y(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(s).map(function(t){r[t]=s[t]}),c("rect",r)}function x(t,e,i,a){return c("text",{className:t,x:e,y:i,dy:".32em",innerHTML:a})}function k(t,e,i,a,n,s){var r=c("line",{x1:0,x2:0,y1:0,y2:t}),o=c("text",{className:a,x:0,y:e,dy:".71em",innerHTML:i}),l=c("g",{className:"tick "+n,transform:"translate("+s+", 0)"});return l.appendChild(r),l.appendChild(o),l}function w(t,e,i,a,n,s,r){var o=arguments.length>7&&void 0!==arguments[7]&&arguments[7],l=c("line",{className:"dashed"===(arguments.length>8&&void 0!==arguments[8]?arguments[8]:"")?"dashed":"",x1:t,x2:e,y1:0,y2:0}),h=c("text",{className:n,x:i,y:0,dy:".32em",innerHTML:a+""}),u=c("g",{className:"tick "+s,transform:"translate(0, "+r+")","stroke-opacity":1});return o&&(l.style.stroke="rgba(27, 31, 35, 0.6)"),u.appendChild(l),u.appendChild(h),u}function b(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 u=s[l]||t.getAttribute(l),c=e[l],p={attributeName:l,from:u,to:c,begin:"0s",dur:i/1e3+"s",values:u+";"+c,keySplines:Q[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(p.type=n);for(var _ in p)h.setAttribute(_,p[_]);r.appendChild(h),n?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}return[r,o]}function C(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function A(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.unit.parentNode,s=void 0,r=void 0;t[0]=e.unit;var o=b.apply(void 0,G(t)),l=J(o,2);s=l[0],r=l[1],i.push(r),a.push([s,n]),n.replaceChild(s,e.unit),e.array?e.array[e.index]=r:e.object[e.key]=r});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 M(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 O(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 P(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=M(t),a=J(i,2),n=a[0],s=a[1],r=e?e/Math.pow(10,s):0,o=O(n=n.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function N(t){function e(t,e){for(var i=P(t),a=i[1]-i[0],n=0,s=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,G(t)),n=Math.min.apply(Math,G(t)),s=[];if(a>=0&&n>=0)M(a)[1],s=i?P(a,n):P(a);else if(a>0&&n<0){var r=Math.abs(n);a>=r?(M(a)[1],s=e(a,r)):(M(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);M(o)[1],s=(s=i?P(o,l):P(o)).reverse().map(function(t){return-1*t})}return s}function L(t,e){for(var i=Math.max.apply(Math,G(t)),a=1/(e-1),n=[],s=0;s255?255:t<0?0:t}function j(t,e){var i=it(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),s=T((n>>16)+e),r=T((n>>8&255)+e),o=T((255&n)+e);return(a?"#":"")+(o|r<<8|s<<16).toString(16)}function z(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function D(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function E(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function H(t,e){return Math.ceil(F(t,e)/7)}function F(t,e){return(D(e)-D(t))/864e5}function W(t,e){t.setDate(t.getDate()+e)}function B(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return vt[t]?new vt[t](e):new ht(e)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{font-size:11px;fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .data-points circle{stroke:#fff;stroke-width:2}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .tick.x-axis-label{display:block}.chart-container .tick .specific-value{text-anchor:start}.chart-container .tick .y-value-text{text-anchor:end}.chart-container .tick .x-value-text{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 I="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},q=(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)}"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")}),R=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
            \n\t\t\t\t
            '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=i,this.data_point_list.innerHTML="",this.list_values.map(function(i,a){var n=e.colors[a]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+n},innerHTML:''+(0===i.value||i.value?i.value:"")+"\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 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"}}]),e}(),tt={"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"},et=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],it=function(t){return tt[t]||t},at=["line","scatter","bar","percentage","heatmap","pie"],nt={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:[]},st={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},rt=function(){function e(t){var i=t.height,a=void 0===i?240:i,n=t.title,s=void 0===n?"":n,r=t.subtitle,o=void 0===r?"":r,l=t.colors,h=void 0===l?[]:l,u=t.summary,c=void 0===u?[]:u,p=t.is_navigable,_=void 0===p?0:p,d=t.has_legend,v=void 0===d?0:d,f=t.type,m=void 0===f?"":f,g=t.parent,y=t.data;q(this,e),this.raw_chart_args=arguments[0],this.parent="string"==typeof g?document.querySelector(g):g,this.title=s,this.subtitle=o,this.data=y,this.oldData=Object.assign({},y),this.specific_values=y.specific_values||[],this.summary=c,this.is_navigable=_,this.is_navigable&&(this.current_index=0),this.has_legend=v,this.setColors(h,m),this.set_margins(a)}return R(e,[{key:"get_different_chart",value:function(t){if(t!==this.type){at.includes(t)||console.error("'"+t+"' is not a valid chart type."),nt[this.type].includes(t)||console.error("'"+this.type+"' chart cannot be converted to a '"+t+"' chart.");var e=st[this.type].includes(t);return new ft({parent:this.raw_chart_args.parent,title:this.title,data:this.raw_chart_args.data,type:t,height:this.raw_chart_args.height,colors:e?this.colors:void 0})}}},{key:"setColors",value:function(t,e){this.colors=t;var i="percentage"===e||"pie"===e?this.data.labels:this.data.datasets;(!this.colors||i&&this.colors.length0&&void 0!==arguments[0]&&arguments[0];this.setup_base_values(),this.set_width(),this.setup_container(),this.setup_components(),this.setup_values(),this.setup_utils(),this.make_graph_components(t),this.make_tooltip(),this.summary.length>0?this.show_custom_summary():this.show_summary(),this.is_navigable&&this.setup_navigation(t)}},{key:"set_width",value:function(){var t=0;this.specific_values.map(function(e){var i=o(e.title+"",8);i>t&&(t=i-40)}),this.base_width=a(this.parent)-t,this.width=this.base_width-2*this.translate_x}},{key:"setup_base_values",value:function(){}},{key:"setup_container",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'
            '+this.title+'
            \n\t\t\t\t
            '+this.subtitle+'
            \n\t\t\t\t
            \n\t\t\t\t
            '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chart_wrapper=this.container.querySelector(".frappe-chart"),this.stats_wrapper=this.container.querySelector(".graph-stats-container"),this.make_chart_area(),this.make_draw_area()}},{key:"make_chart_area",value:function(){return this.svg=d(this.chart_wrapper,"chart",this.base_width,this.base_height),this.svg_defs=v(this.svg),this.svg}},{key:"make_draw_area",value:function(){this.draw_area=f(this.svg,this.type+"-chart","translate("+this.translate_x+", "+this.translate_y+")")}},{key:"setup_components",value:function(){}},{key:"setup_values",value:function(){}},{key:"setup_utils",value:function(){}},{key:"make_tooltip",value:function(){this.tip=new Z({parent:this.chart_wrapper,colors:this.colors}),this.bind_tooltip()}},{key:"show_summary",value:function(){}},{key:"show_custom_summary",value:function(){var e=this;this.summary.map(function(i){var a=t.create("div",{className:"stats",innerHTML:'\n\t\t\t\t\t\n\t\t\t\t\t'+i.title+": "+i.value+"\n\t\t\t\t"});e.stats_wrapper.appendChild(a)})}},{key:"setup_navigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_overlay(),e&&(this.bind_overlay(),document.addEventListener("keydown",function(e){i(t.chart_wrapper)&&("37"==(e=e||window.event).keyCode?t.on_left_arrow():"39"==e.keyCode?t.on_right_arrow():"38"==e.keyCode?t.on_up_arrow():"40"==e.keyCode?t.on_down_arrow():"13"==e.keyCode&&t.on_enter_key())}))}},{key:"make_overlay",value:function(){}},{key:"bind_overlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"on_left_arrow",value:function(){}},{key:"on_right_arrow",value:function(){}},{key:"on_up_arrow",value:function(){}},{key:"on_down_arrow",value:function(){}},{key:"on_enter_key",value:function(){}},{key:"updateData",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"updateCurrentDataPoint",value:function(){}},{key:"makeDrawAreaComponent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return f(this.draw_area,t,e)}}]),e}(),ot=function(t){function i(t){q(this,i);var e=X(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.x=e.data.labels||[],e.y=e.data.datasets||[],e.is_series=t.is_series,e.format_tooltip_y=t.format_tooltip_y,e.format_tooltip_x=t.format_tooltip_x,e.zero_line=e.height,e}return Y(i,t),R(i,[{key:"validate_and_prepare_data",value:function(){return this.y.forEach(function(t,e){t.index=e},this),!0}},{key:"setup_values",value:function(){this.data.datasets.map(function(t){t.values=t.values.map(function(t){return isNaN(t)?0:t})}),this.setup_x(),this.setup_y()}},{key:"setup_x",value:function(){var t=this;this.set_avg_unit_width_and_x_offset(),this.x_axis_positions&&(this.x_old_axis_positions=this.x_axis_positions.slice()),this.x_axis_positions=this.x.map(function(e,i){return n(t.x_offset+i*t.avg_unit_width)}),this.x_old_axis_positions||(this.x_old_axis_positions=this.x_axis_positions.slice())}},{key:"setup_y",value:function(){this.y_axis_values&&(this.y_old_axis_values=this.y_axis_values.slice());var t=this.get_all_y_values();this.y_sums&&this.y_sums.length>0&&(t=t.concat(this.y_sums)),this.y_axis_values=N(t,"line"===this.type),this.y_old_axis_values||(this.y_old_axis_values=this.y_axis_values.slice());var e=this.y_axis_values,i=e[e.length-1]-e[0];this.multiplier&&(this.old_multiplier=this.multiplier),this.multiplier=this.height/i,this.old_multiplier||(this.old_multiplier=this.multiplier);var a=e[1]-e[0],n=a*this.multiplier,s=void 0;s=e.indexOf(0)>=0?e.indexOf(0):e[0]>0?-1*e[0]/a:-1*e[e.length-1]/a+(e.length-1),this.zero_line&&(this.old_zero_line=this.zero_line),this.zero_line=this.height-s*n,this.old_zero_line||(this.old_zero_line=this.zero_line)}},{key:"setup_components",value:function(){U(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_components",this).call(this),this.setup_marker_components(),this.setup_aggregation_components(),this.setup_graph_components()}},{key:"setup_marker_components",value:function(){this.y_axis_group=this.makeDrawAreaComponent("y axis"),this.x_axis_group=this.makeDrawAreaComponent("x axis"),this.specific_y_group=this.makeDrawAreaComponent("specific axis")}},{key:"setup_aggregation_components",value:function(){this.sum_group=this.makeDrawAreaComponent("data-points"),this.average_group=this.makeDrawAreaComponent("chart-area")}},{key:"setup_graph_components",value:function(){var t=this;this.svg_units_groups=[],this.y.map(function(e,i){t.svg_units_groups[i]=t.makeDrawAreaComponent("data-points data-points-"+i)})}},{key:"make_graph_components",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_y_axis(),this.make_x_axis(),this.draw_graph(t),this.make_y_specifics()}},{key:"make_x_axis",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=void 0,a=void 0,n=void 0,s="";if("span"===this.x_axis_mode?(i=-7,a=this.height+15,n=this.height+25):"tick"===this.x_axis_mode&&(i=this.height,a=6,n=9,s="x-axis-label"),this.x_axis_group.setAttribute("transform","translate(0,"+i+")"),e)return void this.make_anim_x_axis(a,n,s);var r=1.5*this.avg_unit_width,l=r/8;this.x_axis_group.textContent="",this.x.map(function(e,i){var h=o(e,8)+2;if(h>r)if(t.is_series){for(var u=1;h/u*2>r;)u++;if(i%u!=0)return}else e=e.slice(0,l-3)+" ...";t.x_axis_group.appendChild(k(a,n,e,"x-value-text",s,t.x_axis_positions[i]))})}},{key:"make_y_axis",value:function(){var t=this;if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return this.make_anim_y_axis(),void this.make_anim_y_specifics();var e=this.get_y_axis_line_props(),i=J(e,4),a=i[0],n=i[1],s=i[2],r=i[3];this.y_axis_group.textContent="",this.y_axis_values.map(function(e,i){t.y_axis_group.appendChild(w(r,a,n,e,"y-value-text",s,t.zero_line-e*t.multiplier,0===e&&0!==i))})}},{key:"get_y_axis_line_props",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return[this.width,this.width+5,"specific-value",0];var t=void 0,e="",i=0;return"span"===this.y_axis_mode?(t=this.width+6,i=-6):"tick"===this.y_axis_mode&&(t=-6,e="y-axis-label"),[t,-9,e,i]}},{key:"draw_graph",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.raw_chart_args.hasOwnProperty("init")&&!this.raw_chart_args.init?void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e),t.calc_y_dependencies()}):e?void this.draw_new_graph_and_animate():void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e)})}},{key:"draw_new_graph_and_animate",value:function(){var t=this,e=[];this.y.map(function(i,a){i.y_tops=new Array(i.values.length).fill(t.zero_line),e.push({values:i.values}),i.svg_units=[],t.make_path&&t.make_path(i,t.x_axis_positions,i.y_tops,t.colors[a]),t.make_new_units(i)}),setTimeout(function(){t.update_values(e)},350)}},{key:"setup_navigation",value:function(t){var e=this;t?setTimeout(function(){U(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_navigation",e).call(e,t)},500):U(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_navigation",this).call(this,t)}},{key:"make_new_units",value:function(t){this.make_new_units_for_dataset(this.x_axis_positions,t.y_tops,this.colors[t.index],t.index,this.y.length)}},{key:"make_new_units_for_dataset",value:function(t,e,i,a,n,s,r,o){s||(s=this.svg_units_groups[a]),r||(r=this.y[a].svg_units),o||(o=this.unit_args),s.textContent="",r.length=0;var l=new V(this.height,this.zero_line,this.avg_unit_width);e.map(function(e,h){var u=l[o.type](t[h],e,o.args,i,h,a,n);s.appendChild(u),r.push(u)}),this.is_navigable&&this.bind_units(r)}},{key:"make_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.specific_y_group.appendChild(w(0,t.width,t.width+5,e.title.toUpperCase(),"specific-value","specific-value",t.zero_line-e.value*t.multiplier,!1,e.line_type))})}},{key:"bind_tooltip",value:function(){var t=this;this.chart_wrapper.addEventListener("mousemove",function(i){var a=e(t.chart_wrapper),n=i.pageX-a.left-t.translate_x;i.pageY-a.top-t.translate_y=0;n--){var s=this.x_axis_positions[n];if(t>s-this.avg_unit_width/2){var r=s+this.translate_x,o=this.y_min_tops[n]+this.translate_y,l=i[n],h=this.y.map(function(t,i){return{title:t.title,value:a?e.format_tooltip_y(t.values[n]):t.values[n],color:e.colors[i]}});this.tip.set_values(r,o,l,"",h),this.tip.show_tip();break}}}}},{key:"show_sums",value:function(){var t=this;this.updating=!0,this.y_sums=new Array(this.x_axis_positions.length).fill(0),this.y.map(function(e){e.values.map(function(e,i){t.y_sums[i]+=e})}),this.update_values(),this.sum_units=[],this.make_new_units_for_dataset(this.x_axis_positions,this.y_sums.map(function(e){return n(t.zero_line-e*t.multiplier)}),"#f0f4f7",0,1,this.sum_group,this.sum_units),this.updating=!1}},{key:"hide_sums",value:function(){this.updating||(this.y_sums=[],this.sum_group.textContent="",this.sum_units=[],this.update_values())}},{key:"show_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice(),this.y.map(function(e){var i=0;e.values.map(function(t){i+=t});var a=i/e.values.length;t.specific_values.push({title:"AVG "+(e.index+1),line_type:"dashed",value:a,auto:1})}),this.update_values()}},{key:"hide_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice();var e=[];this.specific_values.map(function(t,i){t.auto&&e.unshift(i)}),e.map(function(e){t.specific_values.splice(e,1)}),this.update_values()}},{key:"update_values",value:function(t,e){var i=this;e||(e=this.x),this.elements_to_animate=[],this.updating=!0,this.old_x_values=this.x.slice(),this.old_y_axis_tops=this.y.map(function(t){return t.y_tops.slice()}),this.old_y_values=this.y.map(function(t){return t.values}),t&&this.y.map(function(e){e.values=t[e.index].values}),e&&(this.x=e),this.setup_x(),this.setup_y(),this.calc_y_dependencies(),this.animator=new K(this.height,this.width,this.zero_line,this.avg_unit_width),s(this.x_old_axis_positions,this.x_axis_positions)||(this.make_x_axis(!0),setTimeout(function(){i.updating||i.make_x_axis()},350)),(!s(this.y_old_axis_values,this.y_axis_values)||this.old_specific_values&&!s(this.old_specific_values,this.specific_values))&&(this.make_y_axis(!0),setTimeout(function(){i.updating||(i.make_y_axis(),i.make_y_specifics())},350)),this.animate_graphs(),this.run_animation(),this.updating=!1}},{key:"add_data_point",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.x.length,a=this.y.map(function(t){return{values:t.values}});a.map(function(e,a){e.values.splice(i,0,t[a])});var n=this.x.slice();n.splice(i,0,e),this.update_values(a,n)}},{key:"remove_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.x.length-1;if(!(this.x.length<3)){var e=this.y.map(function(t){return{values:t.values}});e.map(function(e){e.values.splice(t,1)});var i=this.x.slice();i.splice(t,1),this.update_values(e,i)}}},{key:"run_animation",value:function(){var t=this,e=A(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},250)}},{key:"animate_graphs",value:function(){var t=this;this.y.map(function(e){var i=h(t.x_old_axis_positions.slice(),t.old_y_axis_tops[e.index].slice(),t.x_axis_positions.slice(),e.y_tops.slice()),a=J(i,4),n=a[0],s=a[1],r=a[2],o=a[3];r.length-n.length>0&&(t.make_path&&t.make_path(e,n,s,t.colors[e.index]),t.make_new_units_for_dataset(n,s,t.colors[e.index],e.index,t.y.length)),e.path&&t.animate_path(e,r,o),t.animate_units(e,n,s,r,o)}),setTimeout(function(){t.y.map(function(e){t.make_path&&t.make_path(e,t.x_axis_positions,e.y_tops,t.colors[e.index]),t.make_new_units(e)})},400)}},{key:"animate_path",value:function(t,e,i){var a=i.map(function(t,i){return e[i]+","+t});this.elements_to_animate=this.elements_to_animate.concat(this.animator.path(t,a.join("L")))}},{key:"animate_units",value:function(t,e,i,a,n){var s=this,r=this.unit_args.type;t.svg_units.map(function(e,i){void 0!==a[i]&&void 0!==n[i]&&s.elements_to_animate.push(s.animator[r]({unit:e,array:t.svg_units,index:i},a[i],n[i],t.index,s.y.length))})}},{key:"make_anim_x_axis",value:function(t,e,i){var a=this,n=this.x_old_axis_positions,s=this.x_axis_positions,r=this.old_x_values,o=this.x,l=n[n.length-1],h=function(n,s,r){"string"==typeof r&&(r=parseInt(r.substring(0,r.length-1)));var o=k(t,e,n,"x-value-text",i,s);a.x_axis_group.appendChild(o),a.elements_to_animate&&a.elements_to_animate.push([{unit:o,array:[0],index:0},{transform:r+", 0"},350,"easein","translate",{transform:s+", 0"}])};this.x_axis_group.textContent="",this.make_new_axis_anim_lines(n,s,r,o,l,h)}},{key:"make_anim_y_axis",value:function(){var t=this,e=this.y_old_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),i=this.y_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),a=this.y_old_axis_values,n=this.y_axis_values,s=e[e.length-1];this.y_axis_group.textContent="",this.make_new_axis_anim_lines(e,i,a,n,s,this.add_and_animate_y_line.bind(this),this.y_axis_group)}},{key:"make_anim_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.add_and_animate_y_line(e.title,t.old_zero_line-e.value*t.old_multiplier,t.zero_line-e.value*t.multiplier,0,t.specific_y_group,e.line_type,!0)})}},{key:"make_new_axis_anim_lines",value:function(t,e,i,a,n,s,r){var o=void 0,l=void 0,h=a.length-i.length;if(h>0)o=e.slice(0,t.length),l=a.slice(0,i.length);else{var u=new Array(Math.abs(h)).fill("");l=a.concat(u);var c=new Array(Math.abs(h)).fill(n+"F");o=e.concat(c)}if(l.map(function(e,i){s(e,t[i],o[i],i,r)}),h>0){var p=a.slice(i.length),_=e.slice(t.length);p.map(function(t,e){s(t,n,_[e],e,r)})}}},{key:"add_and_animate_y_line",value:function(t,e,i,a,n,s){var r=arguments.length>6&&void 0!==arguments[6]&&arguments[6],o=!1;"string"==typeof i&&(i=parseInt(i.substring(0,i.length-1)),o=!0);var l={transform:"0, "+i},h={transform:"0, "+e};o&&(l["stroke-opacity"]=0);var u=this.get_y_axis_line_props(r),c=J(u,4),p=c[0],_=c[1],d=c[2],v=c[3],f=r?"specific-value":"y-value-text",m=w(v,p,_,t=r?(t+"").toUpperCase():t,f,d,e,0===t&&0!==a,s);n.appendChild(m),this.elements_to_animate&&this.elements_to_animate.push([{unit:m,array:[0],index:0},l,350,"easein","translate",h])}},{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","y_tops","values"].map(function(a){var n=a.slice(0,a.length-1);e[n]=i[a][t]}),e.label=this.x[t],e}},{key:"updateCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.x.length&&(t=this.x.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length-1),this.x_offset=0}},{key:"get_all_y_values",value:function(){var t=[];return this.y.map(function(e){t=t.concat(e.values)}),t.concat(this.specific_values.map(function(t){return t.value}))}},{key:"calc_y_dependencies",value:function(){var t=this;this.y_min_tops=new Array(this.x.length).fill(9999),this.y.map(function(e){e.y_tops=e.values.map(function(e){return n(t.zero_line-e*t.multiplier)}),e.y_tops.map(function(e,i){e0}),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:"make_graph_components",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,a){var n=t.create("div",{className:"progress-bar",inside:e.percentage_bar,styles:{background:e.colors[a],width:100*i/e.grand_total+"%"}});e.slices.push(n)})}},{key:"bind_tooltip",value:function(){var t=this;this.slices.map(function(i,a){i.addEventListener("mouseenter",function(){var n=e(t.chart_wrapper),s=e(i),r=s.left-n.left+i.offsetWidth/2,o=s.top-n.top-6,l=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[a]:t.labels[a])+": ",h=(100*t.slice_totals[a]/t.grand_total).toFixed(1);t.tip.set_values(r,o,l,h+"%"),t.tip.show_tip()})})}},{key:"show_summary",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,n){a&&(t.create("div",{className:"stats",inside:e.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[n]+":\n\t\t\t\t\t"+a+"\n\t\t\t\t")})}}]),a}(rt),pt=Math.PI/180,_t=function(i){function a(t){q(this,a);var e=X(this,(a.__proto__||Object.getPrototypeOf(a)).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 Y(a,i),R(a,[{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:"make_graph_components",value:function(t){var e=this,i=this.radius,n=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,u=o/e.grand_total*360,c=n?-u:u,p=r+=c,_=a.getPositionByAngle(h,i),d=a.getPositionByAngle(p,i),v=t&&s[l],f=void 0,g=void 0;t?(f=v?v.startPosition:_,g=v?v.endPosition:_):(f=_,g=d);var y=e.makeArcPath(f,g),x=m(y,"pie-path","none",e.colors[l]);x.style.transition="transform .3s;",e.draw_area.appendChild(x),e.slices.push(x),e.slicesProperties.push({startPosition:_,endPosition:d,value:o,total:e.grand_total,startAngle:h,endAngle:p,angle:c}),t&&e.elements_to_animate.push([{unit:x,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(_,d)},650,"easein",null,{d:y}])}),t&&this.run_animation()}},{key:"run_animation",value:function(){var t=this;if(this.elements_to_animate&&0!==this.elements_to_animate.length){var e=A(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},650)}}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=a.getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,a,n){if(t){var s=this.colors[i];if(a){C(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=j(s,50);var r=e(this.svg),o=n.pageX-r.left+10,l=n.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",u=(100*this.slice_totals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,u+"%"),this.tip.show_tip()}else C(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,a=this.curActiveSlice,n=0;n0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,n){var s=e.colors[n];a&&(t.create("div",{className:"stats",inside:e.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[n]+":\n\t\t\t\t\t"+a+"\n\t\t\t\t")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*pt)*e,y:Math.cos(t*pt)*e}}}]),a}(rt),dt=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,u=t.discrete_domains,c=void 0===u?0:u,p=t.count_label,_=void 0===p?"":p,d=t.legend_colors,v=void 0===d?[]:d;q(this,e);var f=X(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));f.type="heatmap",f.domain=s,f.subdomain=o,f.data=h,f.discrete_domains=c,f.count_label=_;var m=new Date;return f.start=a||W(m,365),v=v.slice(0,5),f.legend_colors=f.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],f.distribution_size=5,f.translate_x=0,f.setup(),f}return Y(e,t),R(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){z(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"setup_base_values",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()&&W(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&W(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=H(this.first_week_start+"",this.last_week_start+"")+1}},{key:"set_width",value:function(){this.base_width=12*(this.no_of_cols+3),this.discrete_domains&&(this.base_width+=144)}},{key:"setup_components",value:function(){this.domain_label_group=this.makeDrawAreaComponent("domain-label-group chart-label"),this.data_groups=this.makeDrawAreaComponent("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=L(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;ii)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=x("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domain_label_group.appendChild(a)})}},{key:"make_graph_components",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chart_wrapper.style.marginTop="0px",this.chart_wrapper.style.paddingTop="0px"}},{key:"bind_tooltip",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.chart_wrapper.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,u=i+" "+t.count_label,c=" on "+n+" "+a[0]+", "+a[2];t.tip.set_values(l,h,c,u,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bind_tooltip()}}]),e}(rt),vt={line:ht,bar:lt,scatter:ut,percentage:ct,heatmap:dt,pie:_t},ft=function t(e){return q(this,t),B(e.type,arguments[0])};return ft}(); diff --git a/docs/assets/js/frappe-charts.min.js b/docs/assets/js/frappe-charts.min.js index 1b41f37..ba934d1 100644 --- a/docs/assets/js/frappe-charts.min.js +++ b/docs/assets/js/frappe-charts.min.js @@ -1 +1 @@ -var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function s(t,e,i){var a=void 0,s=void 0;return t<=e?(s=t,0===(a=e-t)&&(s-=a=.01*i)):(s=e,0===(a=t-e)&&(a=.01*i)),[a,s]}function n(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function r(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var s=e[a];if("inside"===a)n(s).appendChild(i);else if("around"===a){var r=n(s);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===s?"undefined":W(s))&&Object.keys(s).map(function(t){i.style[t]=s[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=s:i.setAttribute(a,s))}return i}function o(t,e){return r("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function l(t,e,i,a){return r("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function h(t,e,i,a){return r("svg",{className:e,inside:t,width:i,height:a})}function u(t){return r("defs",{inside:t})}function c(t,e){return r("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function _(t){return r("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 p(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e,s=o(t,a),n=[1,.6,.2];return i&&(n=[.4,.2,0]),l(s,"0%",e,n[0]),l(s,"50%",e,n[1]),l(s,"100%",e,n[2]),a}function d(t,e,i,a){var s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},o={className:t,x:e,y:i,width:a,height:a,fill:s};return Object.keys(n).map(function(t){o[t]=n[t]}),r("rect",o)}function v(t,e,i,a){return r("text",{className:t,x:e,y:i,dy:".32em",innerHTML:a})}function f(t,e,i,a,s,n){var o=r("line",{x1:0,x2:0,y1:0,y2:t}),l=r("text",{className:a,x:0,y:e,dy:".71em",innerHTML:i}),h=r("g",{className:"tick "+s,transform:"translate("+n+", 0)"});return h.appendChild(o),h.appendChild(l),h}function m(t,e,i,a,s,n,o){var l=arguments.length>7&&void 0!==arguments[7]&&arguments[7],h=r("line",{className:"dashed"===(arguments.length>8&&void 0!==arguments[8]?arguments[8]:"")?"dashed":"",x1:t,x2:e,y1:0,y2:0}),u=r("text",{className:s,x:i,y:0,dy:".32em",innerHTML:a+""}),c=r("g",{className:"tick "+n,transform:"translate(0, "+o+")","stroke-opacity":1});return l&&(h.style.stroke="rgba(27, 31, 35, 0.6)"),c.appendChild(h),c.appendChild(u),c}function g(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,n=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 u=n[l]||t.getAttribute(l),c=e[l],_={attributeName:l,from:u,to:c,begin:"0s",dur:i/1e3+"s",values:u+";"+c,keySplines:V[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};s&&(_.type=s);for(var p in _)h.setAttribute(p,_[p]);r.appendChild(h),s?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}return[r,o]}function y(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function x(t,e){var i=[],a=[];e.map(function(t){var e=t[0],s=e.unit.parentNode,n=void 0,r=void 0;t[0]=e.unit;var o=g.apply(void 0,X(t)),l=Y(o,2);n=l[0],r=l[1],i.push(r),a.push([n,s]),s.replaceChild(n,e.unit),e.array?e.array[e.index]=r:e.object[e.key]=r});var s=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),s}function k(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 w(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),s=i-a,n=s,r=1;s>5&&(s%2!=0&&(s=++i-a),n=s/2,r=2),s<=2&&(r=s/(n=4)),0===s&&(n=5,r=1);for(var o=[],l=0;l<=n;l++)o.push(a+r*l);return o}function b(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=k(t),a=Y(i,2),s=a[0],n=a[1],r=e?e/Math.pow(10,n):0,o=w(s=s.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,n)})}function C(t){function e(t,e){for(var i=b(t),a=i[1]-i[0],s=0,n=1;s1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,X(t)),s=Math.min.apply(Math,X(t)),n=[];if(a>=0&&s>=0)k(a)[1],n=i?b(a,s):b(a);else if(a>0&&s<0){var r=Math.abs(s);a>=r?(k(a)[1],n=e(a,r)):(k(r)[1],n=e(r,a).map(function(t){return-1*t}))}else if(a<=0&&s<=0){var o=Math.abs(s),l=Math.abs(a);k(o)[1],n=(n=i?b(o,l):b(o)).reverse().map(function(t){return-1*t})}return n}function A(t,e){for(var i=Math.max.apply(Math,X(t)),a=1/(e-1),s=[],n=0;n255?255:t<0?0:t}function S(t,e){var i=Z(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var s=parseInt(i,16),n=P((s>>16)+e),r=P((s>>8&255)+e),o=P((255&s)+e);return(a?"#":"")+(o|r<<8|n<<16).toString(16)}function T(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function z(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function j(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function E(t,e){return Math.ceil(D(t,e)/7)}function D(t,e){return(z(e)-z(t))/864e5}function H(t,e){t.setDate(t.getDate()+e)}function F(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return _t[t]?new _t[t](e):new rt(e)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{font-size:11px;fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .data-points circle{stroke:#fff;stroke-width:2}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .tick.x-axis-label{display:block}.chart-container .tick .specific-value{text-anchor:start}.chart-container .tick .y-value-text{text-anchor:end}.chart-container .tick .x-value-text{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 W="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},B=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,s){var o={key:t,arg:e,resolve:i,reject:s,next:null};r?r=r.next=o:(n=r=o,a(t,e))})}function a(i,n){try{var r=e[i](n),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):s(r.done?"return":"normal",r.value)}catch(t){s("throw",t)}}function s(t,e){switch(t){case"return":n.resolve({value:e,done:!0});break;case"throw":n.reject(e);break;default:n.resolve({value:e,done:!1})}(n=n.next)?a(n.key,n.arg):r=null}var n,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")}),I=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
              \n\t\t\t\t
              '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=i,this.data_point_list.innerHTML="",this.list_values.map(function(i,a){var s=e.colors[a]||"black",n=t.create("li",{styles:{"border-top":"3px solid "+s},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.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]:"",s=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=s,this.x=t,this.y=e,this.title_value_first=n,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}(),K={"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"},Q=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],Z=function(t){return K[t]||t},tt=["line","scatter","bar","percentage","heatmap","pie"],et={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:[]},it={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},at=function(){function e(t){var i=t.height,a=void 0===i?240:i,s=t.title,n=void 0===s?"":s,r=t.subtitle,o=void 0===r?"":r,l=t.colors,h=void 0===l?[]:l,u=t.summary,c=void 0===u?[]:u,_=t.is_navigable,p=void 0===_?0:_,d=t.has_legend,v=void 0===d?0:d,f=t.type,m=void 0===f?"":f,g=t.parent,y=t.data;B(this,e),this.raw_chart_args=arguments[0],this.parent="string"==typeof g?document.querySelector(g):g,this.title=n,this.subtitle=o,this.data=y,this.specific_values=y.specific_values||[],this.summary=c,this.is_navigable=p,this.is_navigable&&(this.current_index=0),this.has_legend=v,this.setColors(h,m),this.set_margins(a)}return I(e,[{key:"get_different_chart",value:function(t){if(t!==this.type){tt.includes(t)||console.error("'"+t+"' is not a valid chart type."),et[this.type].includes(t)||console.error("'"+this.type+"' chart cannot be converted to a '"+t+"' chart.");var e=it[this.type].includes(t);return new pt({parent:this.raw_chart_args.parent,title:this.title,data:this.raw_chart_args.data,type:t,height:this.raw_chart_args.height,colors:e?this.colors:void 0})}}},{key:"setColors",value:function(t,e){this.colors=t;var i="percentage"===e||"pie"===e?this.data.labels:this.data.datasets;(!this.colors||i&&this.colors.length0&&void 0!==arguments[0]&&arguments[0];this.setup_base_values(),this.set_width(),this.setup_container(),this.setup_components(),this.setup_values(),this.setup_utils(),this.make_graph_components(t),this.make_tooltip(),this.summary.length>0?this.show_custom_summary():this.show_summary(),this.is_navigable&&this.setup_navigation(t)}},{key:"set_width",value:function(){var t=0;this.specific_values.map(function(e){var i=L(e.title+"",8);i>t&&(t=i-40)}),this.base_width=a(this.parent)-t,this.width=this.base_width-2*this.translate_x}},{key:"setup_base_values",value:function(){}},{key:"setup_container",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'
              '+this.title+'
              \n\t\t\t\t
              '+this.subtitle+'
              \n\t\t\t\t
              \n\t\t\t\t
              '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chart_wrapper=this.container.querySelector(".frappe-chart"),this.stats_wrapper=this.container.querySelector(".graph-stats-container"),this.make_chart_area(),this.make_draw_area()}},{key:"make_chart_area",value:function(){return this.svg=h(this.chart_wrapper,"chart",this.base_width,this.base_height),this.svg_defs=u(this.svg),this.svg}},{key:"make_draw_area",value:function(){this.draw_area=c(this.svg,this.type+"-chart","translate("+this.translate_x+", "+this.translate_y+")")}},{key:"setup_components",value:function(){}},{key:"make_tooltip",value:function(){this.tip=new $({parent:this.chart_wrapper,colors:this.colors}),this.bind_tooltip()}},{key:"show_summary",value:function(){}},{key:"show_custom_summary",value:function(){var e=this;this.summary.map(function(i){var a=t.create("div",{className:"stats",innerHTML:'\n\t\t\t\t\t\n\t\t\t\t\t'+i.title+": "+i.value+"\n\t\t\t\t"});e.stats_wrapper.appendChild(a)})}},{key:"setup_navigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_overlay(),e&&(this.bind_overlay(),document.addEventListener("keydown",function(e){i(t.chart_wrapper)&&("37"==(e=e||window.event).keyCode?t.on_left_arrow():"39"==e.keyCode?t.on_right_arrow():"38"==e.keyCode?t.on_up_arrow():"40"==e.keyCode?t.on_down_arrow():"13"==e.keyCode&&t.on_enter_key())}))}},{key:"make_overlay",value:function(){}},{key:"bind_overlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"on_left_arrow",value:function(){}},{key:"on_right_arrow",value:function(){}},{key:"on_up_arrow",value:function(){}},{key:"on_down_arrow",value:function(){}},{key:"on_enter_key",value:function(){}},{key:"get_data_point",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","y_tops","values"].map(function(a){var s=a.slice(0,a.length-1);e[s]=i[a][t]}),e.label=this.x[t],e}},{key:"update_current_data_point",value:function(e){(e=parseInt(e))<0&&(e=0),e>=this.x.length&&(e=this.x.length-1),e!==this.current_index&&(this.current_index=e,t.fire(this.parent,"data-select",this.get_data_point()))}},{key:"setup_utils",value:function(){}},{key:"makeDrawAreaComponent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return c(this.draw_area,t,e)}}]),e}(),st=function(t){function i(t){B(this,i);var e=U(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.x=e.data.labels||[],e.y=e.data.datasets||[],e.is_series=t.is_series,e.format_tooltip_y=t.format_tooltip_y,e.format_tooltip_x=t.format_tooltip_x,e.zero_line=e.height,e}return R(i,t),I(i,[{key:"validate_and_prepare_data",value:function(){return!0}},{key:"setup_values",value:function(){this.data.datasets.map(function(t){t.values=t.values.map(function(t){return isNaN(t)?0:t})}),this.setup_x(),this.setup_y()}},{key:"setup_x",value:function(){var t=this;this.set_avg_unit_width_and_x_offset(),this.x_axis_positions&&(this.x_old_axis_positions=this.x_axis_positions.slice()),this.x_axis_positions=this.x.map(function(e,i){return O(t.x_offset+i*t.avg_unit_width)}),this.x_old_axis_positions||(this.x_old_axis_positions=this.x_axis_positions.slice())}},{key:"setup_y",value:function(){this.y_axis_values&&(this.y_old_axis_values=this.y_axis_values.slice());var t=this.get_all_y_values();this.y_sums&&this.y_sums.length>0&&(t=t.concat(this.y_sums)),this.y_axis_values=C(t,"line"===this.type),this.y_old_axis_values||(this.y_old_axis_values=this.y_axis_values.slice());var e=this.y_axis_values,i=e[e.length-1]-e[0];this.multiplier&&(this.old_multiplier=this.multiplier),this.multiplier=this.height/i,this.old_multiplier||(this.old_multiplier=this.multiplier);var a=e[1]-e[0],s=a*this.multiplier,n=void 0;n=e.indexOf(0)>=0?e.indexOf(0):e[0]>0?-1*e[0]/a:-1*e[e.length-1]/a+(e.length-1),this.zero_line&&(this.old_zero_line=this.zero_line),this.zero_line=this.height-n*s,this.old_zero_line||(this.old_zero_line=this.zero_line)}},{key:"setup_components",value:function(){q(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_components",this).call(this),this.setup_marker_components(),this.setup_aggregation_components(),this.setup_graph_components()}},{key:"setup_marker_components",value:function(){this.y_axis_group=this.makeDrawAreaComponent("y axis"),this.x_axis_group=this.makeDrawAreaComponent("x axis"),this.specific_y_group=this.makeDrawAreaComponent("specific axis")}},{key:"setup_aggregation_components",value:function(){this.sum_group=this.makeDrawAreaComponent("data-points"),this.average_group=this.makeDrawAreaComponent("chart-area")}},{key:"setup_graph_components",value:function(){var t=this;this.svg_units_groups=[],this.y.map(function(e,i){t.svg_units_groups[i]=t.makeDrawAreaComponent("data-points data-points-"+i)})}},{key:"make_graph_components",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_y_axis(),this.make_x_axis(),this.draw_graph(t),this.make_y_specifics()}},{key:"make_x_axis",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=void 0,a=void 0,s=void 0,n="";if("span"===this.x_axis_mode?(i=-7,a=this.height+15,s=this.height+25):"tick"===this.x_axis_mode&&(i=this.height,a=6,s=9,n="x-axis-label"),this.x_axis_group.setAttribute("transform","translate(0,"+i+")"),e)return void this.make_anim_x_axis(a,s,n);var r=1.5*this.avg_unit_width,o=r/8;this.x_axis_group.textContent="",this.x.map(function(e,i){var l=L(e,8)+2;if(l>r)if(t.is_series){for(var h=1;l/h*2>r;)h++;if(i%h!=0)return}else e=e.slice(0,o-3)+" ...";t.x_axis_group.appendChild(f(a,s,e,"x-value-text",n,t.x_axis_positions[i]))})}},{key:"make_y_axis",value:function(){var t=this;if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return this.make_anim_y_axis(),void this.make_anim_y_specifics();var e=this.get_y_axis_line_props(),i=Y(e,4),a=i[0],s=i[1],n=i[2],r=i[3];this.y_axis_group.textContent="",this.y_axis_values.map(function(e,i){t.y_axis_group.appendChild(m(r,a,s,e,"y-value-text",n,t.zero_line-e*t.multiplier,0===e&&0!==i))})}},{key:"get_y_axis_line_props",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return[this.width,this.width+5,"specific-value",0];var t=void 0,e="",i=0;return"span"===this.y_axis_mode?(t=this.width+6,i=-6):"tick"===this.y_axis_mode&&(t=-6,e="y-axis-label"),[t,-9,e,i]}},{key:"draw_graph",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.raw_chart_args.hasOwnProperty("init")&&!this.raw_chart_args.init?void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e,i),t.calc_y_dependencies()}):e?void this.draw_new_graph_and_animate():void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e,i)})}},{key:"draw_new_graph_and_animate",value:function(){var t=this,e=[];this.y.map(function(i,a){i.y_tops=new Array(i.values.length).fill(t.zero_line),e.push({values:i.values}),i.svg_units=[],t.make_path&&t.make_path(i,a,t.x_axis_positions,i.y_tops,t.colors[a]),t.make_new_units(i,a)}),setTimeout(function(){t.update_values(e)},350)}},{key:"setup_navigation",value:function(t){var e=this;t?setTimeout(function(){q(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_navigation",e).call(e,t)},500):q(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_navigation",this).call(this,t)}},{key:"make_new_units",value:function(t,e){this.make_new_units_for_dataset(this.x_axis_positions,t.y_tops,this.colors[e],e,this.y.length)}},{key:"make_new_units_for_dataset",value:function(t,e,i,a,s,n,r,o){n||(n=this.svg_units_groups[a]),r||(r=this.y[a].svg_units),o||(o=this.unit_args),n.textContent="",r.length=0;var l=new J(this.height,this.zero_line,this.avg_unit_width);e.map(function(e,h){var u=l[o.type](t[h],e,o.args,i,h,a,s);n.appendChild(u),r.push(u)}),this.is_navigable&&this.bind_units(r)}},{key:"make_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.specific_y_group.appendChild(m(0,t.width,t.width+5,e.title.toUpperCase(),"specific-value","specific-value",t.zero_line-e.value*t.multiplier,!1,e.line_type))})}},{key:"bind_tooltip",value:function(){var t=this;this.chart_wrapper.addEventListener("mousemove",function(i){var a=e(t.chart_wrapper),s=i.pageX-a.left-t.translate_x;i.pageY-a.top-t.translate_y=0;s--){var n=this.x_axis_positions[s];if(t>n-this.avg_unit_width/2){var r=n+this.translate_x,o=this.y_min_tops[s]+this.translate_y,l=i[s],h=this.y.map(function(t,i){return{title:t.title,value:a?e.format_tooltip_y(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(r,o,l,"",h),this.tip.show_tip();break}}}}},{key:"show_sums",value:function(){var t=this;this.updating=!0,this.y_sums=new Array(this.x_axis_positions.length).fill(0),this.y.map(function(e){e.values.map(function(e,i){t.y_sums[i]+=e})}),this.update_values(),this.sum_units=[],this.make_new_units_for_dataset(this.x_axis_positions,this.y_sums.map(function(e){return O(t.zero_line-e*t.multiplier)}),"#f0f4f7",0,1,this.sum_group,this.sum_units),this.updating=!1}},{key:"hide_sums",value:function(){this.updating||(this.y_sums=[],this.sum_group.textContent="",this.sum_units=[],this.update_values())}},{key:"show_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice(),this.y.map(function(e,i){var a=0;e.values.map(function(t){a+=t});var s=a/e.values.length;t.specific_values.push({title:"AVG "+(i+1),line_type:"dashed",value:s,auto:1})}),this.update_values()}},{key:"hide_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice();var e=[];this.specific_values.map(function(t,i){t.auto&&e.unshift(i)}),e.map(function(e){t.specific_values.splice(e,1)}),this.update_values()}},{key:"update_values",value:function(t,e){var i=this;e||(e=this.x),this.elements_to_animate=[],this.updating=!0,this.old_x_values=this.x.slice(),this.old_y_axis_tops=this.y.map(function(t){return t.y_tops.slice()}),this.old_y_values=this.y.map(function(t){return t.values}),this.no_of_extra_pts=e.length-this.x.length,t&&this.y.map(function(e,i){e.values=t[i].values}),e&&(this.x=e),this.setup_x(),this.setup_y(),this.calc_y_dependencies(),this.animator=new G(this.height,this.width,this.zero_line,this.avg_unit_width),N(this.x_old_axis_positions,this.x_axis_positions)||(this.make_x_axis(!0),setTimeout(function(){i.updating||i.make_x_axis()},350)),(!N(this.y_old_axis_values,this.y_axis_values)||this.old_specific_values&&!N(this.old_specific_values,this.specific_values))&&(this.make_y_axis(!0),setTimeout(function(){i.updating||(i.make_y_axis(),i.make_y_specifics())},350)),this.animate_graphs(),this.run_animation(),this.updating=!1}},{key:"add_data_point",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.x.length,a=this.y.map(function(t){return{values:t.values}});a.map(function(e,a){e.values.splice(i,0,t[a])});var s=this.x.slice();s.splice(i,0,e),this.update_values(a,s)}},{key:"remove_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.x.length-1;if(!(this.x.length<3)){var e=this.y.map(function(t){return{values:t.values}});e.map(function(e){e.values.splice(t,1)});var i=this.x.slice();i.splice(t,1),this.update_values(e,i)}}},{key:"run_animation",value:function(){var t=this,e=x(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},250)}},{key:"animate_graphs",value:function(){var t=this;this.y.map(function(e,i){var a=t.calc_old_and_new_postions(e,i),s=Y(a,4),n=s[0],r=s[1],o=s[2],l=s[3];t.no_of_extra_pts>=0&&(t.make_path&&t.make_path(e,i,n,r,t.colors[i]),t.make_new_units_for_dataset(n,r,t.colors[i],i,t.y.length)),e.path&&t.animate_path(e,i,n,r,o,l),t.animate_units(e,i,n,r,o,l)}),setTimeout(function(){t.y.map(function(e,i){t.make_path&&t.make_path(e,i,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e,i)})},400)}},{key:"animate_path",value:function(t,e,i,a,s,n){var r=n.map(function(t,e){return s[e]+","+t}).join("L");this.elements_to_animate=this.elements_to_animate.concat(this.animator.path(t,r))}},{key:"animate_units",value:function(t,e,i,a,s,n){var r=this,o=this.unit_args.type;t.svg_units.map(function(i,a){void 0!==s[a]&&void 0!==n[a]&&r.elements_to_animate.push(r.animator[o]({unit:i,array:t.svg_units,index:a},s[a],n[a],e,r.y.length))})}},{key:"calc_old_and_new_postions",value:function(t,e){var i=this.x_old_axis_positions.slice(),a=this.x_axis_positions.slice(),s=this.old_y_axis_tops[e].slice(),n=t.y_tops.slice(),r=i[i.length-1],o=s[s.length-1],l=a[a.length-1],h=n[n.length-1];if(this.no_of_extra_pts>=0){var u=new Array(Math.abs(this.no_of_extra_pts)).fill(r),c=new Array(Math.abs(this.no_of_extra_pts)).fill(o);i=i.concat(u),s=s.concat(c)}else{var _=new Array(Math.abs(this.no_of_extra_pts)).fill(l),p=new Array(Math.abs(this.no_of_extra_pts)).fill(h);a=a.concat(_),n=n.concat(p)}return[i,s,a,n]}},{key:"make_anim_x_axis",value:function(t,e,i){var a=this,s=this.x_old_axis_positions,n=this.x_axis_positions,r=this.old_x_values,o=this.x,l=s[s.length-1],h=function(s,n,r){"string"==typeof r&&(r=parseInt(r.substring(0,r.length-1)));var o=f(t,e,s,"x-value-text",i,n);a.x_axis_group.appendChild(o),a.elements_to_animate&&a.elements_to_animate.push([{unit:o,array:[0],index:0},{transform:r+", 0"},350,"easein","translate",{transform:n+", 0"}])};this.x_axis_group.textContent="",this.make_new_axis_anim_lines(s,n,r,o,l,h)}},{key:"make_anim_y_axis",value:function(){var t=this,e=this.y_old_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),i=this.y_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),a=this.y_old_axis_values,s=this.y_axis_values,n=e[e.length-1];this.y_axis_group.textContent="",this.make_new_axis_anim_lines(e,i,a,s,n,this.add_and_animate_y_line.bind(this),this.y_axis_group)}},{key:"make_anim_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.add_and_animate_y_line(e.title,t.old_zero_line-e.value*t.old_multiplier,t.zero_line-e.value*t.multiplier,0,t.specific_y_group,e.line_type,!0)})}},{key:"make_new_axis_anim_lines",value:function(t,e,i,a,s,n,r){var o=void 0,l=void 0,h=a.length-i.length;if(h>0)o=e.slice(0,t.length),l=a.slice(0,i.length);else{var u=new Array(Math.abs(h)).fill("");l=a.concat(u);var c=new Array(Math.abs(h)).fill(s+"F");o=e.concat(c)}if(l.map(function(e,i){n(e,t[i],o[i],i,r)}),h>0){var _=a.slice(i.length),p=e.slice(t.length);_.map(function(t,e){n(t,s,p[e],e,r)})}}},{key:"add_and_animate_y_line",value:function(t,e,i,a,s,n){var r=arguments.length>6&&void 0!==arguments[6]&&arguments[6],o=!1;"string"==typeof i&&(i=parseInt(i.substring(0,i.length-1)),o=!0);var l={transform:"0, "+i},h={transform:"0, "+e};o&&(l["stroke-opacity"]=0);var u=this.get_y_axis_line_props(r),c=Y(u,4),_=c[0],p=c[1],d=c[2],v=c[3],f=r?"specific-value":"y-value-text",g=m(v,_,p,t=r?(t+"").toUpperCase():t,f,d,e,0===t&&0!==a,n);s.appendChild(g),this.elements_to_animate&&this.elements_to_animate.push([{unit:g,array:[0],index:0},l,350,"easein","translate",h])}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length-1),this.x_offset=0}},{key:"get_all_y_values",value:function(){var t=[];return this.y.map(function(e){t=t.concat(e.values)}),t.concat(this.specific_values.map(function(t){return t.value}))}},{key:"calc_y_dependencies",value:function(){var t=this;this.y_min_tops=new Array(this.x_axis_positions.length).fill(9999),this.y.map(function(e){e.y_tops=e.values.map(function(e){return O(t.zero_line-e*t.multiplier)}),e.y_tops.map(function(e,i){e0}),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:"make_graph_components",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,a){var s=t.create("div",{className:"progress-bar",inside:e.percentage_bar,styles:{background:e.colors[a],width:100*i/e.grand_total+"%"}});e.slices.push(s)})}},{key:"bind_tooltip",value:function(){var t=this;this.slices.map(function(i,a){i.addEventListener("mouseenter",function(){var s=e(t.chart_wrapper),n=e(i),r=n.left-s.left+i.offsetWidth/2,o=n.top-s.top-6,l=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[a]:t.labels[a])+": ",h=(100*t.slice_totals[a]/t.grand_total).toFixed(1);t.tip.set_values(r,o,l,h+"%"),t.tip.show_tip()})})}},{key:"show_summary",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,s){a&&(t.create("div",{className:"stats",inside:e.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[s]+":\n\t\t\t\t\t"+a+"\n\t\t\t\t")})}}]),a}(at),ht=Math.PI/180,ut=function(i){function a(t){B(this,a);var e=U(this,(a.__proto__||Object.getPrototypeOf(a)).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 R(a,i),I(a,[{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,s=this.radius,n=this.clockWise;return"M"+i+" "+a+" L"+(i+t.x)+" "+(a+t.y)+" A "+s+" "+s+" 0 0 "+(n?1:0)+" "+(i+e.x)+" "+(a+e.y)+" z"}},{key:"make_graph_components",value:function(t){var e=this,i=this.radius,s=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,u=o/e.grand_total*360,c=s?-u:u,p=r+=c,d=a.getPositionByAngle(h,i),v=a.getPositionByAngle(p,i),f=t&&n[l],m=void 0,g=void 0;t?(m=f?f.startPosition:d,g=f?f.endPosition:d):(m=d,g=v);var y=e.makeArcPath(m,g),x=_(y,"pie-path","none",e.colors[l]);x.style.transition="transform .3s;",e.draw_area.appendChild(x),e.slices.push(x),e.slicesProperties.push({startPosition:d,endPosition:v,value:o,total:e.grand_total,startAngle:h,endAngle:p,angle:c}),t&&e.elements_to_animate.push([{unit:x,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(d,v)},650,"easein",null,{d:y}])}),t&&this.run_animation()}},{key:"run_animation",value:function(){var t=this;if(this.elements_to_animate&&0!==this.elements_to_animate.length){var e=x(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},650)}}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,s=a.getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+s.x*i+"px,"+s.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,a,s){if(t){var n=this.colors[i];if(a){y(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=S(n,50);var r=e(this.svg),o=s.pageX-r.left+10,l=s.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",u=(100*this.slice_totals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,u+"%"),this.tip.show_tip()}else y(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,s=0;s0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,s){var n=e.colors[s];a&&(t.create("div",{className:"stats",inside:e.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[s]+":\n\t\t\t\t\t"+a+"\n\t\t\t\t")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*ht)*e,y:Math.cos(t*ht)*e}}}]),a}(at),ct=function(t){function e(t){var i=t.start,a=void 0===i?"":i,s=t.domain,n=void 0===s?"":s,r=t.subdomain,o=void 0===r?"":r,l=t.data,h=void 0===l?{}:l,u=t.discrete_domains,c=void 0===u?0:u,_=t.count_label,p=void 0===_?"":_,d=t.legend_colors,v=void 0===d?[]:d;B(this,e);var f=U(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));f.type="heatmap",f.domain=n,f.subdomain=o,f.data=h,f.discrete_domains=c,f.count_label=p;var m=new Date;return f.start=a||H(m,365),v=v.slice(0,5),f.legend_colors=f.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],f.distribution_size=5,f.translate_x=0,f.setup(),f}return R(e,t),I(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:"setup_base_values",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()&&H(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&H(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=E(this.first_week_start+"",this.last_week_start+"")+1}},{key:"set_width",value:function(){this.base_width=12*(this.no_of_cols+3),this.discrete_domains&&(this.base_width+=144)}},{key:"setup_components",value:function(){this.domain_label_group=this.makeDrawAreaComponent("domain-label-group chart-label"),this.data_groups=this.makeDrawAreaComponent("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=A(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;ii)break;m.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(s=1),this.month_start_points.push(13+12*(e+s))),t=m}return[n,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=v("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domain_label_group.appendChild(a)})}},{key:"make_graph_components",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chart_wrapper.style.marginTop="0px",this.chart_wrapper.style.paddingTop="0px"}},{key:"bind_tooltip",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("-"),s=t.month_names[parseInt(a[1])-1].substring(0,3),n=t.chart_wrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-n.left+(o+2)/2,h=r.top-n.top-(o+2)/2,u=i+" "+t.count_label,c=" on "+s+" "+a[0]+", "+a[2];t.tip.set_values(l,h,c,u,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bind_tooltip()}}]),e}(at),_t={line:rt,bar:nt,scatter:ot,percentage:lt,heatmap:ct,pie:ut},pt=function t(e){return B(this,t),F(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 i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function a(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function n(t){return parseFloat(t.toFixed(2))}function s(t,e){if(t.length!==e.length)return!1;var i=!0;return t.map(function(t,a){e[a]!==t&&(i=!1)}),i}function r(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 o(t,e){return(t+"").length*e}function l(t,e,i){var a=void 0,n=void 0;return t<=e?(n=t,0===(a=e-t)&&(n-=a=.01*i)):(n=e,0===(a=t-e)&&(a=.01*i)),[a,n]}function h(t,e,i,a){var n=i.length-t.length;return n>=0?(t=r(t,n),e=r(e,n)):(i=r(i,n),a=r(a,n)),[t,e,i,a]}function u(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function c(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)u(n).appendChild(i);else if("around"===a){var s=u(n);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===a?"object"===(void 0===n?"undefined":I(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 p(t,e){return c("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function _(t,e,i,a){return c("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function d(t,e,i,a){return c("svg",{className:e,inside:t,width:i,height:a})}function v(t){return c("defs",{inside:t})}function f(t,e){return c("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function m(t){return c("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 g(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e,n=p(t,a),s=[1,.6,.2];return i&&(s=[.4,.2,0]),_(n,"0%",e,s[0]),_(n,"50%",e,s[1]),_(n,"100%",e,s[2]),a}function y(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(s).map(function(t){r[t]=s[t]}),c("rect",r)}function x(t,e,i,a){return c("text",{className:t,x:e,y:i,dy:".32em",innerHTML:a})}function k(t,e,i,a,n,s){var r=c("line",{x1:0,x2:0,y1:0,y2:t}),o=c("text",{className:a,x:0,y:e,dy:".71em",innerHTML:i}),l=c("g",{className:"tick "+n,transform:"translate("+s+", 0)"});return l.appendChild(r),l.appendChild(o),l}function w(t,e,i,a,n,s,r){var o=arguments.length>7&&void 0!==arguments[7]&&arguments[7],l=c("line",{className:"dashed"===(arguments.length>8&&void 0!==arguments[8]?arguments[8]:"")?"dashed":"",x1:t,x2:e,y1:0,y2:0}),h=c("text",{className:n,x:i,y:0,dy:".32em",innerHTML:a+""}),u=c("g",{className:"tick "+s,transform:"translate(0, "+r+")","stroke-opacity":1});return o&&(l.style.stroke="rgba(27, 31, 35, 0.6)"),u.appendChild(l),u.appendChild(h),u}function b(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 u=s[l]||t.getAttribute(l),c=e[l],p={attributeName:l,from:u,to:c,begin:"0s",dur:i/1e3+"s",values:u+";"+c,keySplines:Q[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(p.type=n);for(var _ in p)h.setAttribute(_,p[_]);r.appendChild(h),n?o.setAttribute(l,"translate("+c+")"):o.setAttribute(l,c)}return[r,o]}function C(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function A(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.unit.parentNode,s=void 0,r=void 0;t[0]=e.unit;var o=b.apply(void 0,G(t)),l=J(o,2);s=l[0],r=l[1],i.push(r),a.push([s,n]),n.replaceChild(s,e.unit),e.array?e.array[e.index]=r:e.object[e.key]=r});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 M(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 O(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 P(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=M(t),a=J(i,2),n=a[0],s=a[1],r=e?e/Math.pow(10,s):0,o=O(n=n.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function N(t){function e(t,e){for(var i=P(t),a=i[1]-i[0],n=0,s=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,G(t)),n=Math.min.apply(Math,G(t)),s=[];if(a>=0&&n>=0)M(a)[1],s=i?P(a,n):P(a);else if(a>0&&n<0){var r=Math.abs(n);a>=r?(M(a)[1],s=e(a,r)):(M(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);M(o)[1],s=(s=i?P(o,l):P(o)).reverse().map(function(t){return-1*t})}return s}function L(t,e){for(var i=Math.max.apply(Math,G(t)),a=1/(e-1),n=[],s=0;s255?255:t<0?0:t}function j(t,e){var i=it(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),s=T((n>>16)+e),r=T((n>>8&255)+e),o=T((255&n)+e);return(a?"#":"")+(o|r<<8|s<<16).toString(16)}function z(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function D(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function E(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function H(t,e){return Math.ceil(F(t,e)/7)}function F(t,e){return(D(e)-D(t))/864e5}function W(t,e){t.setDate(t.getDate()+e)}function B(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1];return vt[t]?new vt[t](e):new ht(e)}!function(t,e){if("undefined"==typeof document)return e;t=t||"";var i=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",i.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{font-size:11px;fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .data-points circle{stroke:#fff;stroke-width:2}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .tick.x-axis-label{display:block}.chart-container .tick .specific-value{text-anchor:start}.chart-container .tick .y-value-text{text-anchor:end}.chart-container .tick .x-value-text{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 I="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},q=(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)}"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")}),R=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                \n\t\t\t\t
                '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=i,this.data_point_list.innerHTML="",this.list_values.map(function(i,a){var n=e.colors[a]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+n},innerHTML:''+(0===i.value||i.value?i.value:"")+"\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 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"}}]),e}(),tt={"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"},et=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],it=function(t){return tt[t]||t},at=["line","scatter","bar","percentage","heatmap","pie"],nt={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:[]},st={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},rt=function(){function e(t){var i=t.height,a=void 0===i?240:i,n=t.title,s=void 0===n?"":n,r=t.subtitle,o=void 0===r?"":r,l=t.colors,h=void 0===l?[]:l,u=t.summary,c=void 0===u?[]:u,p=t.is_navigable,_=void 0===p?0:p,d=t.has_legend,v=void 0===d?0:d,f=t.type,m=void 0===f?"":f,g=t.parent,y=t.data;q(this,e),this.raw_chart_args=arguments[0],this.parent="string"==typeof g?document.querySelector(g):g,this.title=s,this.subtitle=o,this.data=y,this.oldData=Object.assign({},y),this.specific_values=y.specific_values||[],this.summary=c,this.is_navigable=_,this.is_navigable&&(this.current_index=0),this.has_legend=v,this.setColors(h,m),this.set_margins(a)}return R(e,[{key:"get_different_chart",value:function(t){if(t!==this.type){at.includes(t)||console.error("'"+t+"' is not a valid chart type."),nt[this.type].includes(t)||console.error("'"+this.type+"' chart cannot be converted to a '"+t+"' chart.");var e=st[this.type].includes(t);return new ft({parent:this.raw_chart_args.parent,title:this.title,data:this.raw_chart_args.data,type:t,height:this.raw_chart_args.height,colors:e?this.colors:void 0})}}},{key:"setColors",value:function(t,e){this.colors=t;var i="percentage"===e||"pie"===e?this.data.labels:this.data.datasets;(!this.colors||i&&this.colors.length0&&void 0!==arguments[0]&&arguments[0];this.setup_base_values(),this.set_width(),this.setup_container(),this.setup_components(),this.setup_values(),this.setup_utils(),this.make_graph_components(t),this.make_tooltip(),this.summary.length>0?this.show_custom_summary():this.show_summary(),this.is_navigable&&this.setup_navigation(t)}},{key:"set_width",value:function(){var t=0;this.specific_values.map(function(e){var i=o(e.title+"",8);i>t&&(t=i-40)}),this.base_width=a(this.parent)-t,this.width=this.base_width-2*this.translate_x}},{key:"setup_base_values",value:function(){}},{key:"setup_container",value:function(){this.container=t.create("div",{className:"chart-container",innerHTML:'
                '+this.title+'
                \n\t\t\t\t
                '+this.subtitle+'
                \n\t\t\t\t
                \n\t\t\t\t
                '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chart_wrapper=this.container.querySelector(".frappe-chart"),this.stats_wrapper=this.container.querySelector(".graph-stats-container"),this.make_chart_area(),this.make_draw_area()}},{key:"make_chart_area",value:function(){return this.svg=d(this.chart_wrapper,"chart",this.base_width,this.base_height),this.svg_defs=v(this.svg),this.svg}},{key:"make_draw_area",value:function(){this.draw_area=f(this.svg,this.type+"-chart","translate("+this.translate_x+", "+this.translate_y+")")}},{key:"setup_components",value:function(){}},{key:"setup_values",value:function(){}},{key:"setup_utils",value:function(){}},{key:"make_tooltip",value:function(){this.tip=new Z({parent:this.chart_wrapper,colors:this.colors}),this.bind_tooltip()}},{key:"show_summary",value:function(){}},{key:"show_custom_summary",value:function(){var e=this;this.summary.map(function(i){var a=t.create("div",{className:"stats",innerHTML:'\n\t\t\t\t\t\n\t\t\t\t\t'+i.title+": "+i.value+"\n\t\t\t\t"});e.stats_wrapper.appendChild(a)})}},{key:"setup_navigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_overlay(),e&&(this.bind_overlay(),document.addEventListener("keydown",function(e){i(t.chart_wrapper)&&("37"==(e=e||window.event).keyCode?t.on_left_arrow():"39"==e.keyCode?t.on_right_arrow():"38"==e.keyCode?t.on_up_arrow():"40"==e.keyCode?t.on_down_arrow():"13"==e.keyCode&&t.on_enter_key())}))}},{key:"make_overlay",value:function(){}},{key:"bind_overlay",value:function(){}},{key:"bind_units",value:function(){}},{key:"on_left_arrow",value:function(){}},{key:"on_right_arrow",value:function(){}},{key:"on_up_arrow",value:function(){}},{key:"on_down_arrow",value:function(){}},{key:"on_enter_key",value:function(){}},{key:"updateData",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"updateCurrentDataPoint",value:function(){}},{key:"makeDrawAreaComponent",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return f(this.draw_area,t,e)}}]),e}(),ot=function(t){function i(t){q(this,i);var e=X(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t));return e.x=e.data.labels||[],e.y=e.data.datasets||[],e.is_series=t.is_series,e.format_tooltip_y=t.format_tooltip_y,e.format_tooltip_x=t.format_tooltip_x,e.zero_line=e.height,e}return Y(i,t),R(i,[{key:"validate_and_prepare_data",value:function(){return this.y.forEach(function(t,e){t.index=e},this),!0}},{key:"setup_values",value:function(){this.data.datasets.map(function(t){t.values=t.values.map(function(t){return isNaN(t)?0:t})}),this.setup_x(),this.setup_y()}},{key:"setup_x",value:function(){var t=this;this.set_avg_unit_width_and_x_offset(),this.x_axis_positions&&(this.x_old_axis_positions=this.x_axis_positions.slice()),this.x_axis_positions=this.x.map(function(e,i){return n(t.x_offset+i*t.avg_unit_width)}),this.x_old_axis_positions||(this.x_old_axis_positions=this.x_axis_positions.slice())}},{key:"setup_y",value:function(){this.y_axis_values&&(this.y_old_axis_values=this.y_axis_values.slice());var t=this.get_all_y_values();this.y_sums&&this.y_sums.length>0&&(t=t.concat(this.y_sums)),this.y_axis_values=N(t,"line"===this.type),this.y_old_axis_values||(this.y_old_axis_values=this.y_axis_values.slice());var e=this.y_axis_values,i=e[e.length-1]-e[0];this.multiplier&&(this.old_multiplier=this.multiplier),this.multiplier=this.height/i,this.old_multiplier||(this.old_multiplier=this.multiplier);var a=e[1]-e[0],n=a*this.multiplier,s=void 0;s=e.indexOf(0)>=0?e.indexOf(0):e[0]>0?-1*e[0]/a:-1*e[e.length-1]/a+(e.length-1),this.zero_line&&(this.old_zero_line=this.zero_line),this.zero_line=this.height-s*n,this.old_zero_line||(this.old_zero_line=this.zero_line)}},{key:"setup_components",value:function(){U(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_components",this).call(this),this.setup_marker_components(),this.setup_aggregation_components(),this.setup_graph_components()}},{key:"setup_marker_components",value:function(){this.y_axis_group=this.makeDrawAreaComponent("y axis"),this.x_axis_group=this.makeDrawAreaComponent("x axis"),this.specific_y_group=this.makeDrawAreaComponent("specific axis")}},{key:"setup_aggregation_components",value:function(){this.sum_group=this.makeDrawAreaComponent("data-points"),this.average_group=this.makeDrawAreaComponent("chart-area")}},{key:"setup_graph_components",value:function(){var t=this;this.svg_units_groups=[],this.y.map(function(e,i){t.svg_units_groups[i]=t.makeDrawAreaComponent("data-points data-points-"+i)})}},{key:"make_graph_components",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.make_y_axis(),this.make_x_axis(),this.draw_graph(t),this.make_y_specifics()}},{key:"make_x_axis",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=void 0,a=void 0,n=void 0,s="";if("span"===this.x_axis_mode?(i=-7,a=this.height+15,n=this.height+25):"tick"===this.x_axis_mode&&(i=this.height,a=6,n=9,s="x-axis-label"),this.x_axis_group.setAttribute("transform","translate(0,"+i+")"),e)return void this.make_anim_x_axis(a,n,s);var r=1.5*this.avg_unit_width,l=r/8;this.x_axis_group.textContent="",this.x.map(function(e,i){var h=o(e,8)+2;if(h>r)if(t.is_series){for(var u=1;h/u*2>r;)u++;if(i%u!=0)return}else e=e.slice(0,l-3)+" ...";t.x_axis_group.appendChild(k(a,n,e,"x-value-text",s,t.x_axis_positions[i]))})}},{key:"make_y_axis",value:function(){var t=this;if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return this.make_anim_y_axis(),void this.make_anim_y_specifics();var e=this.get_y_axis_line_props(),i=J(e,4),a=i[0],n=i[1],s=i[2],r=i[3];this.y_axis_group.textContent="",this.y_axis_values.map(function(e,i){t.y_axis_group.appendChild(w(r,a,n,e,"y-value-text",s,t.zero_line-e*t.multiplier,0===e&&0!==i))})}},{key:"get_y_axis_line_props",value:function(){if(arguments.length>0&&void 0!==arguments[0]&&arguments[0])return[this.width,this.width+5,"specific-value",0];var t=void 0,e="",i=0;return"span"===this.y_axis_mode?(t=this.width+6,i=-6):"tick"===this.y_axis_mode&&(t=-6,e="y-axis-label"),[t,-9,e,i]}},{key:"draw_graph",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.raw_chart_args.hasOwnProperty("init")&&!this.raw_chart_args.init?void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e),t.calc_y_dependencies()}):e?void this.draw_new_graph_and_animate():void this.y.map(function(e,i){e.svg_units=[],t.make_path&&t.make_path(e,t.x_axis_positions,e.y_tops,t.colors[i]),t.make_new_units(e)})}},{key:"draw_new_graph_and_animate",value:function(){var t=this,e=[];this.y.map(function(i,a){i.y_tops=new Array(i.values.length).fill(t.zero_line),e.push({values:i.values}),i.svg_units=[],t.make_path&&t.make_path(i,t.x_axis_positions,i.y_tops,t.colors[a]),t.make_new_units(i)}),setTimeout(function(){t.update_values(e)},350)}},{key:"setup_navigation",value:function(t){var e=this;t?setTimeout(function(){U(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_navigation",e).call(e,t)},500):U(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setup_navigation",this).call(this,t)}},{key:"make_new_units",value:function(t){this.make_new_units_for_dataset(this.x_axis_positions,t.y_tops,this.colors[t.index],t.index,this.y.length)}},{key:"make_new_units_for_dataset",value:function(t,e,i,a,n,s,r,o){s||(s=this.svg_units_groups[a]),r||(r=this.y[a].svg_units),o||(o=this.unit_args),s.textContent="",r.length=0;var l=new V(this.height,this.zero_line,this.avg_unit_width);e.map(function(e,h){var u=l[o.type](t[h],e,o.args,i,h,a,n);s.appendChild(u),r.push(u)}),this.is_navigable&&this.bind_units(r)}},{key:"make_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.specific_y_group.appendChild(w(0,t.width,t.width+5,e.title.toUpperCase(),"specific-value","specific-value",t.zero_line-e.value*t.multiplier,!1,e.line_type))})}},{key:"bind_tooltip",value:function(){var t=this;this.chart_wrapper.addEventListener("mousemove",function(i){var a=e(t.chart_wrapper),n=i.pageX-a.left-t.translate_x;i.pageY-a.top-t.translate_y=0;n--){var s=this.x_axis_positions[n];if(t>s-this.avg_unit_width/2){var r=s+this.translate_x,o=this.y_min_tops[n]+this.translate_y,l=i[n],h=this.y.map(function(t,i){return{title:t.title,value:a?e.format_tooltip_y(t.values[n]):t.values[n],color:e.colors[i]}});this.tip.set_values(r,o,l,"",h),this.tip.show_tip();break}}}}},{key:"show_sums",value:function(){var t=this;this.updating=!0,this.y_sums=new Array(this.x_axis_positions.length).fill(0),this.y.map(function(e){e.values.map(function(e,i){t.y_sums[i]+=e})}),this.update_values(),this.sum_units=[],this.make_new_units_for_dataset(this.x_axis_positions,this.y_sums.map(function(e){return n(t.zero_line-e*t.multiplier)}),"#f0f4f7",0,1,this.sum_group,this.sum_units),this.updating=!1}},{key:"hide_sums",value:function(){this.updating||(this.y_sums=[],this.sum_group.textContent="",this.sum_units=[],this.update_values())}},{key:"show_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice(),this.y.map(function(e){var i=0;e.values.map(function(t){i+=t});var a=i/e.values.length;t.specific_values.push({title:"AVG "+(e.index+1),line_type:"dashed",value:a,auto:1})}),this.update_values()}},{key:"hide_averages",value:function(){var t=this;this.old_specific_values=this.specific_values.slice();var e=[];this.specific_values.map(function(t,i){t.auto&&e.unshift(i)}),e.map(function(e){t.specific_values.splice(e,1)}),this.update_values()}},{key:"update_values",value:function(t,e){var i=this;e||(e=this.x),this.elements_to_animate=[],this.updating=!0,this.old_x_values=this.x.slice(),this.old_y_axis_tops=this.y.map(function(t){return t.y_tops.slice()}),this.old_y_values=this.y.map(function(t){return t.values}),t&&this.y.map(function(e){e.values=t[e.index].values}),e&&(this.x=e),this.setup_x(),this.setup_y(),this.calc_y_dependencies(),this.animator=new K(this.height,this.width,this.zero_line,this.avg_unit_width),s(this.x_old_axis_positions,this.x_axis_positions)||(this.make_x_axis(!0),setTimeout(function(){i.updating||i.make_x_axis()},350)),(!s(this.y_old_axis_values,this.y_axis_values)||this.old_specific_values&&!s(this.old_specific_values,this.specific_values))&&(this.make_y_axis(!0),setTimeout(function(){i.updating||(i.make_y_axis(),i.make_y_specifics())},350)),this.animate_graphs(),this.run_animation(),this.updating=!1}},{key:"add_data_point",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.x.length,a=this.y.map(function(t){return{values:t.values}});a.map(function(e,a){e.values.splice(i,0,t[a])});var n=this.x.slice();n.splice(i,0,e),this.update_values(a,n)}},{key:"remove_data_point",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.x.length-1;if(!(this.x.length<3)){var e=this.y.map(function(t){return{values:t.values}});e.map(function(e){e.values.splice(t,1)});var i=this.x.slice();i.splice(t,1),this.update_values(e,i)}}},{key:"run_animation",value:function(){var t=this,e=A(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},250)}},{key:"animate_graphs",value:function(){var t=this;this.y.map(function(e){var i=h(t.x_old_axis_positions.slice(),t.old_y_axis_tops[e.index].slice(),t.x_axis_positions.slice(),e.y_tops.slice()),a=J(i,4),n=a[0],s=a[1],r=a[2],o=a[3];r.length-n.length>0&&(t.make_path&&t.make_path(e,n,s,t.colors[e.index]),t.make_new_units_for_dataset(n,s,t.colors[e.index],e.index,t.y.length)),e.path&&t.animate_path(e,r,o),t.animate_units(e,n,s,r,o)}),setTimeout(function(){t.y.map(function(e){t.make_path&&t.make_path(e,t.x_axis_positions,e.y_tops,t.colors[e.index]),t.make_new_units(e)})},400)}},{key:"animate_path",value:function(t,e,i){var a=i.map(function(t,i){return e[i]+","+t});this.elements_to_animate=this.elements_to_animate.concat(this.animator.path(t,a.join("L")))}},{key:"animate_units",value:function(t,e,i,a,n){var s=this,r=this.unit_args.type;t.svg_units.map(function(e,i){void 0!==a[i]&&void 0!==n[i]&&s.elements_to_animate.push(s.animator[r]({unit:e,array:t.svg_units,index:i},a[i],n[i],t.index,s.y.length))})}},{key:"make_anim_x_axis",value:function(t,e,i){var a=this,n=this.x_old_axis_positions,s=this.x_axis_positions,r=this.old_x_values,o=this.x,l=n[n.length-1],h=function(n,s,r){"string"==typeof r&&(r=parseInt(r.substring(0,r.length-1)));var o=k(t,e,n,"x-value-text",i,s);a.x_axis_group.appendChild(o),a.elements_to_animate&&a.elements_to_animate.push([{unit:o,array:[0],index:0},{transform:r+", 0"},350,"easein","translate",{transform:s+", 0"}])};this.x_axis_group.textContent="",this.make_new_axis_anim_lines(n,s,r,o,l,h)}},{key:"make_anim_y_axis",value:function(){var t=this,e=this.y_old_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),i=this.y_axis_values.map(function(e){return t.zero_line-e*t.multiplier}),a=this.y_old_axis_values,n=this.y_axis_values,s=e[e.length-1];this.y_axis_group.textContent="",this.make_new_axis_anim_lines(e,i,a,n,s,this.add_and_animate_y_line.bind(this),this.y_axis_group)}},{key:"make_anim_y_specifics",value:function(){var t=this;this.specific_y_group.textContent="",this.specific_values.map(function(e){t.add_and_animate_y_line(e.title,t.old_zero_line-e.value*t.old_multiplier,t.zero_line-e.value*t.multiplier,0,t.specific_y_group,e.line_type,!0)})}},{key:"make_new_axis_anim_lines",value:function(t,e,i,a,n,s,r){var o=void 0,l=void 0,h=a.length-i.length;if(h>0)o=e.slice(0,t.length),l=a.slice(0,i.length);else{var u=new Array(Math.abs(h)).fill("");l=a.concat(u);var c=new Array(Math.abs(h)).fill(n+"F");o=e.concat(c)}if(l.map(function(e,i){s(e,t[i],o[i],i,r)}),h>0){var p=a.slice(i.length),_=e.slice(t.length);p.map(function(t,e){s(t,n,_[e],e,r)})}}},{key:"add_and_animate_y_line",value:function(t,e,i,a,n,s){var r=arguments.length>6&&void 0!==arguments[6]&&arguments[6],o=!1;"string"==typeof i&&(i=parseInt(i.substring(0,i.length-1)),o=!0);var l={transform:"0, "+i},h={transform:"0, "+e};o&&(l["stroke-opacity"]=0);var u=this.get_y_axis_line_props(r),c=J(u,4),p=c[0],_=c[1],d=c[2],v=c[3],f=r?"specific-value":"y-value-text",m=w(v,p,_,t=r?(t+"").toUpperCase():t,f,d,e,0===t&&0!==a,s);n.appendChild(m),this.elements_to_animate&&this.elements_to_animate.push([{unit:m,array:[0],index:0},l,350,"easein","translate",h])}},{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","y_tops","values"].map(function(a){var n=a.slice(0,a.length-1);e[n]=i[a][t]}),e.label=this.x[t],e}},{key:"updateCurrentDataPoint",value:function(t){(t=parseInt(t))<0&&(t=0),t>=this.x.length&&(t=this.x.length-1),t!==this.current_index&&(this.current_index=t,$.fire(this.parent,"data-select",this.getDataPoint()))}},{key:"set_avg_unit_width_and_x_offset",value:function(){this.avg_unit_width=this.width/(this.x.length-1),this.x_offset=0}},{key:"get_all_y_values",value:function(){var t=[];return this.y.map(function(e){t=t.concat(e.values)}),t.concat(this.specific_values.map(function(t){return t.value}))}},{key:"calc_y_dependencies",value:function(){var t=this;this.y_min_tops=new Array(this.x.length).fill(9999),this.y.map(function(e){e.y_tops=e.values.map(function(e){return n(t.zero_line-e*t.multiplier)}),e.y_tops.map(function(e,i){e0}),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:"make_graph_components",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,a){var n=t.create("div",{className:"progress-bar",inside:e.percentage_bar,styles:{background:e.colors[a],width:100*i/e.grand_total+"%"}});e.slices.push(n)})}},{key:"bind_tooltip",value:function(){var t=this;this.slices.map(function(i,a){i.addEventListener("mouseenter",function(){var n=e(t.chart_wrapper),s=e(i),r=s.left-n.left+i.offsetWidth/2,o=s.top-n.top-6,l=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[a]:t.labels[a])+": ",h=(100*t.slice_totals[a]/t.grand_total).toFixed(1);t.tip.set_values(r,o,l,h+"%"),t.tip.show_tip()})})}},{key:"show_summary",value:function(){var e=this,i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,n){a&&(t.create("div",{className:"stats",inside:e.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[n]+":\n\t\t\t\t\t"+a+"\n\t\t\t\t")})}}]),a}(rt),pt=Math.PI/180,_t=function(i){function a(t){q(this,a);var e=X(this,(a.__proto__||Object.getPrototypeOf(a)).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 Y(a,i),R(a,[{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:"make_graph_components",value:function(t){var e=this,i=this.radius,n=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var s=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.slice_totals.map(function(o,l){var h=r,u=o/e.grand_total*360,c=n?-u:u,p=r+=c,_=a.getPositionByAngle(h,i),d=a.getPositionByAngle(p,i),v=t&&s[l],f=void 0,g=void 0;t?(f=v?v.startPosition:_,g=v?v.endPosition:_):(f=_,g=d);var y=e.makeArcPath(f,g),x=m(y,"pie-path","none",e.colors[l]);x.style.transition="transform .3s;",e.draw_area.appendChild(x),e.slices.push(x),e.slicesProperties.push({startPosition:_,endPosition:d,value:o,total:e.grand_total,startAngle:h,endAngle:p,angle:c}),t&&e.elements_to_animate.push([{unit:x,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(_,d)},650,"easein",null,{d:y}])}),t&&this.run_animation()}},{key:"run_animation",value:function(){var t=this;if(this.elements_to_animate&&0!==this.elements_to_animate.length){var e=A(this.svg,this.elements_to_animate);this.svg.parentNode==this.chart_wrapper&&(this.chart_wrapper.removeChild(this.svg),this.chart_wrapper.appendChild(e)),setTimeout(function(){e.parentNode==t.chart_wrapper&&(t.chart_wrapper.removeChild(e),t.chart_wrapper.appendChild(t.svg))},650)}}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=a.getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,a,n){if(t){var s=this.colors[i];if(a){C(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=j(s,50);var r=e(this.svg),o=n.pageX-r.left+10,l=n.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",u=(100*this.slice_totals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,u+"%"),this.tip.show_tip()}else C(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,a=this.curActiveSlice,n=0;n0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,n){var s=e.colors[n];a&&(t.create("div",{className:"stats",inside:e.stats_wrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[n]+":\n\t\t\t\t\t"+a+"\n\t\t\t\t")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*pt)*e,y:Math.cos(t*pt)*e}}}]),a}(rt),dt=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,u=t.discrete_domains,c=void 0===u?0:u,p=t.count_label,_=void 0===p?"":p,d=t.legend_colors,v=void 0===d?[]:d;q(this,e);var f=X(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,arguments[0]));f.type="heatmap",f.domain=s,f.subdomain=o,f.data=h,f.discrete_domains=c,f.count_label=_;var m=new Date;return f.start=a||W(m,365),v=v.slice(0,5),f.legend_colors=f.validate_colors(v)?v:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],f.distribution_size=5,f.translate_x=0,f.setup(),f}return Y(e,t),R(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){z(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"setup_base_values",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()&&W(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&W(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=H(this.first_week_start+"",this.last_week_start+"")+1}},{key:"set_width",value:function(){this.base_width=12*(this.no_of_cols+3),this.discrete_domains&&(this.base_width+=144)}},{key:"setup_components",value:function(){this.domain_label_group=this.makeDrawAreaComponent("domain-label-group chart-label"),this.data_groups=this.makeDrawAreaComponent("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=L(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;ii)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=x("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domain_label_group.appendChild(a)})}},{key:"make_graph_components",value:function(){Array.prototype.slice.call(this.container.querySelectorAll(".graph-stats-container, .sub-title, .title")).map(function(t){t.style.display="None"}),this.chart_wrapper.style.marginTop="0px",this.chart_wrapper.style.paddingTop="0px"}},{key:"bind_tooltip",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.chart_wrapper.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,u=i+" "+t.count_label,c=" on "+n+" "+a[0]+", "+a[2];t.tip.set_values(l,h,c,u,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){this.data=t,this.setup_values(),this.bind_tooltip()}}]),e}(rt),vt={line:ht,bar:lt,scatter:ut,percentage:ct,heatmap:dt,pie:_t},ft=function t(e){return q(this,t),B(e.type,arguments[0])};return ft}(); diff --git a/src/js/charts/AxisChart.js b/src/js/charts/AxisChart.js index b2b1d16..8a914cb 100644 --- a/src/js/charts/AxisChart.js +++ b/src/js/charts/AxisChart.js @@ -1,5 +1,6 @@ import { offset } from '../utils/dom'; import { UnitRenderer, makeXLine, makeYLine } from '../utils/draw'; +import { equilizeNoOfPositions } from '../utils/draw-utils'; import { Animator } from '../utils/animate'; import { runSVGAnimation } from '../utils/animation'; import { calcIntervals } from '../utils/intervals'; @@ -19,11 +20,12 @@ export default class AxisChart extends BaseChart { this.format_tooltip_x = args.format_tooltip_x; this.zero_line = this.height; - - // this.old_values = {}; } validate_and_prepare_data() { + this.y.forEach(function(d, i) { + d.index = i; + }, this); return true; } @@ -234,8 +236,8 @@ export default class AxisChart extends BaseChart { if(this.raw_chart_args.hasOwnProperty("init") && !this.raw_chart_args.init) { this.y.map((d, i) => { d.svg_units = []; - this.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, this.colors[i]); - this.make_new_units(d, i); + this.make_path && this.make_path(d, this.x_axis_positions, d.y_tops, this.colors[i]); + this.make_new_units(d); this.calc_y_dependencies(); }); return; @@ -246,8 +248,8 @@ export default class AxisChart extends BaseChart { } this.y.map((d, i) => { d.svg_units = []; - this.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, this.colors[i]); - this.make_new_units(d, i); + this.make_path && this.make_path(d, this.x_axis_positions, d.y_tops, this.colors[i]); + this.make_new_units(d); }); } @@ -259,8 +261,8 @@ export default class AxisChart extends BaseChart { data.push({values: d.values}); d.svg_units = []; - this.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, this.colors[i]); - this.make_new_units(d, i); + this.make_path && this.make_path(d, this.x_axis_positions, d.y_tops, this.colors[i]); + this.make_new_units(d); }); setTimeout(() => { @@ -279,12 +281,12 @@ export default class AxisChart extends BaseChart { } } - make_new_units(d, i) { + make_new_units(d) { this.make_new_units_for_dataset( this.x_axis_positions, d.y_tops, - this.colors[i], - i, + this.colors[d.index], + d.index, this.y.length ); } @@ -414,7 +416,7 @@ export default class AxisChart extends BaseChart { this.sum_units ); - // this.make_path && this.make_path(d, i, old_x, old_y, this.colors[i]); + // this.make_path && this.make_path(d, old_x, old_y, this.colors[i]); this.updating = false; } @@ -429,13 +431,13 @@ export default class AxisChart extends BaseChart { show_averages() { this.old_specific_values = this.specific_values.slice(); - this.y.map((d, i) => { + this.y.map(d => { let sum = 0; d.values.map(e => {sum+=e;}); let average = sum/d.values.length; this.specific_values.push({ - title: "AVG" + " " + (i+1), + title: "AVG" + " " + (d.index+1), line_type: "dashed", value: average, auto: 1 @@ -472,10 +474,8 @@ export default class AxisChart extends BaseChart { this.old_y_values = this.y.map(d => d.values); - this.no_of_extra_pts = new_x.length - this.x.length; - // Just update values prop, setup_x/y() will do the rest - if(new_y) this.y.map((d, i) => {d.values = new_y[i].values;}); + if(new_y) this.y.map(d => {d.values = new_y[d.index].values;}); if(new_x) this.x = new_x; this.setup_x(); @@ -555,34 +555,38 @@ export default class AxisChart extends BaseChart { } animate_graphs() { - this.y.map((d, i) => { + this.y.map(d => { // Pre-prep, equilize no of positions between old and new - let [old_x, old_y, new_x, new_y] = this.calc_old_and_new_postions(d, i); - if(this.no_of_extra_pts >= 0) { - this.make_path && this.make_path(d, i, old_x, old_y, this.colors[i]); - this.make_new_units_for_dataset(old_x, old_y, this.colors[i], i, this.y.length); + let [old_x, old_y, new_x, new_y] = equilizeNoOfPositions( + this.x_old_axis_positions.slice(), + this.old_y_axis_tops[d.index].slice(), + this.x_axis_positions.slice(), + d.y_tops.slice() + ); + if(new_x.length - old_x.length > 0) { + this.make_path && this.make_path(d, old_x, old_y, this.colors[d.index]); + this.make_new_units_for_dataset(old_x, old_y, this.colors[d.index], d.index, this.y.length); } - d.path && this.animate_path(d, i, old_x, old_y, new_x, new_y); - this.animate_units(d, i, old_x, old_y, new_x, new_y); + d.path && this.animate_path(d, new_x, new_y); + this.animate_units(d, old_x, old_y, new_x, new_y); }); // TODO: replace with real units setTimeout(() => { - this.y.map((d, i) => { - this.make_path && this.make_path(d, i, this.x_axis_positions, d.y_tops, this.colors[i]); - this.make_new_units(d, i); + this.y.map(d => { + this.make_path && this.make_path(d, this.x_axis_positions, d.y_tops, this.colors[d.index]); + this.make_new_units(d); }); }, 400); } - animate_path(d, i, old_x, old_y, new_x, new_y) { + animate_path(d, new_x, new_y) { const newPointsList = new_y.map((y, i) => (new_x[i] + ',' + y)); - const newPathStr = newPointsList.join("L"); this.elements_to_animate = this.elements_to_animate - .concat(this.animator['path'](d, newPathStr)); + .concat(this.animator['path'](d, newPointsList.join("L"))); } - animate_units(d, index, old_x, old_y, new_x, new_y) { + animate_units(d, old_x, old_y, new_x, new_y) { let type = this.unit_args.type; d.svg_units.map((unit, i) => { @@ -591,51 +595,12 @@ export default class AxisChart extends BaseChart { {unit:unit, array:d.svg_units, index: i}, // unit, with info to replace where it came from in the data new_x[i], new_y[i], - index, + d.index, this.y.length )); }); } - calc_old_and_new_postions(d, i) { - let old_x = this.x_old_axis_positions.slice(); - let new_x = this.x_axis_positions.slice(); - - let old_y = this.old_y_axis_tops[i].slice(); - let new_y = d.y_tops.slice(); - - const last_old_x_pos = old_x[old_x.length - 1]; - const last_old_y_pos = old_y[old_y.length - 1]; - - const last_new_x_pos = new_x[new_x.length - 1]; - const last_new_y_pos = new_y[new_y.length - 1]; - - if(this.no_of_extra_pts >= 0) { - // First substitute current path with a squiggled one - // (that looks the same but has more points at end), - // then animate to stretch it later to new points - // (new points already have more points) - - // Hence, the extra end points will correspond to current(old) positions - let filler_x = new Array(Math.abs(this.no_of_extra_pts)).fill(last_old_x_pos); - let filler_y = new Array(Math.abs(this.no_of_extra_pts)).fill(last_old_y_pos); - - old_x = old_x.concat(filler_x); - old_y = old_y.concat(filler_y); - - } else { - // Just modify the new points to have extra points - // with the same position at end - let filler_x = new Array(Math.abs(this.no_of_extra_pts)).fill(last_new_x_pos); - let filler_y = new Array(Math.abs(this.no_of_extra_pts)).fill(last_new_y_pos); - - new_x = new_x.concat(filler_x); - new_y = new_y.concat(filler_y); - } - - return [old_x, old_y, new_x, new_y]; - } - make_anim_x_axis(height, text_start_at, axis_line_class) { // Animate X AXIS to account for more or less axis lines @@ -801,6 +766,29 @@ export default class AxisChart extends BaseChart { ]); } + getDataPoint(index=this.current_index) { + // check for length + let data_point = { + index: index + }; + let y = this.y[0]; + ['svg_units', 'y_tops', 'values'].map(key => { + let data_key = key.slice(0, key.length-1); + data_point[data_key] = y[key][index]; + }); + data_point.label = this.x[index]; + return data_point; + } + + updateCurrentDataPoint(index) { + index = parseInt(index); + if(index < 0) index = 0; + if(index >= this.x.length) index = this.x.length - 1; + if(index === this.current_index) return; + this.current_index = index; + $.fire(this.parent, "data-select", this.getDataPoint()); + } + set_avg_unit_width_and_x_offset() { // Set the ... you get it this.avg_unit_width = this.width/(this.x.length - 1); @@ -820,7 +808,7 @@ export default class AxisChart extends BaseChart { } calc_y_dependencies() { - this.y_min_tops = new Array(this.x_axis_positions.length).fill(9999); + this.y_min_tops = new Array(this.x.length).fill(9999); this.y.map(d => { d.y_tops = d.values.map( val => floatTwo(this.zero_line - val * this.multiplier)); d.y_tops.map( (y_top, i) => { diff --git a/src/js/charts/BarChart.js b/src/js/charts/BarChart.js index 552f157..493e129 100644 --- a/src/js/charts/BarChart.js +++ b/src/js/charts/BarChart.js @@ -25,7 +25,7 @@ export default class BarChart extends AxisChart { // Just make one out of the first element let index = this.x.length - 1; let unit = this.y[0].svg_units[index]; - this.update_current_data_point(index); + this.updateCurrentDataPoint(index); if(this.overlay) { this.overlay.parentNode.removeChild(this.overlay); @@ -47,7 +47,7 @@ export default class BarChart extends AxisChart { units_array.map(unit => { unit.addEventListener('click', () => { let index = unit.getAttribute('data-point-index'); - this.update_current_data_point(index); + this.updateCurrentDataPoint(index); }); }); } @@ -67,11 +67,11 @@ export default class BarChart extends AxisChart { } on_left_arrow() { - this.update_current_data_point(this.current_index - 1); + this.updateCurrentDataPoint(this.current_index - 1); } on_right_arrow() { - this.update_current_data_point(this.current_index + 1); + this.updateCurrentDataPoint(this.current_index + 1); } set_avg_unit_width_and_x_offset() { diff --git a/src/js/charts/BaseChart.js b/src/js/charts/BaseChart.js index cf2003d..383071f 100644 --- a/src/js/charts/BaseChart.js +++ b/src/js/charts/BaseChart.js @@ -16,7 +16,7 @@ const COMPATIBLE_CHARTS = { heatmap: [] }; -// TODO: Needs structure as per only labels/datasets +// Needs structure as per only labels/datasets const COLOR_COMPATIBLE_CHARTS = { bar: ['line', 'scatter'], line: ['scatter', 'bar'], @@ -50,6 +50,7 @@ export default class BaseChart { this.subtitle = subtitle; this.data = data; + this.oldData = Object.assign({}, data); this.specific_values = data.specific_values || []; this.summary = summary; @@ -94,7 +95,7 @@ export default class BaseChart { setColors(colors, type) { this.colors = colors; - // TODO: Needs structure as per only labels/datasets + // Needs structure as per only labels/datasets const list = type === 'percentage' || type === 'pie' ? this.data.labels : this.data.datasets; @@ -211,7 +212,9 @@ export default class BaseChart { ); } - setup_components() { } + setup_components() {} + setup_values() {} + setup_utils() {} make_tooltip() { this.tip = new SvgTip({ @@ -221,7 +224,6 @@ export default class BaseChart { this.bind_tooltip(); } - show_summary() {} show_custom_summary() { this.summary.map(d => { @@ -272,31 +274,10 @@ export default class BaseChart { on_down_arrow() {} on_enter_key() {} - get_data_point(index=this.current_index) { - // check for length - let data_point = { - index: index - }; - let y = this.y[0]; - ['svg_units', 'y_tops', 'values'].map(key => { - let data_key = key.slice(0, key.length-1); - data_point[data_key] = y[key][index]; - }); - data_point.label = this.x[index]; - return data_point; - } - - update_current_data_point(index) { - index = parseInt(index); - if(index < 0) index = 0; - if(index >= this.x.length) index = this.x.length - 1; - if(index === this.current_index) return; - this.current_index = index; - $.fire(this.parent, "data-select", this.get_data_point()); - } + updateData() {} - // Objects - setup_utils() { } + getDataPoint() {} + updateCurrentDataPoint() {} makeDrawAreaComponent(className, transform='') { return makeSVGGroup(this.draw_area, className, transform); diff --git a/src/js/charts/LineChart.js b/src/js/charts/LineChart.js index e03bb28..52ef302 100644 --- a/src/js/charts/LineChart.js +++ b/src/js/charts/LineChart.js @@ -57,19 +57,19 @@ export default class LineChart extends AxisChart { } make_paths() { - this.y.map((d, i) => { - this.make_path(d, i, this.x_axis_positions, d.y_tops, d.color || this.colors[i]); + this.y.map(d => { + this.make_path(d, this.x_axis_positions, d.y_tops, d.color || this.colors[d.index]); }); } - make_path(d, i, x_positions, y_positions, color) { + make_path(d, x_positions, y_positions, color) { let points_list = y_positions.map((y, i) => (x_positions[i] + ',' + y)); let points_str = points_list.join("L"); - this.paths_groups[i].textContent = ''; + this.paths_groups[d.index].textContent = ''; d.path = makePath("M"+points_str, 'line-graph-path', color); - this.paths_groups[i].appendChild(d.path); + this.paths_groups[d.index].appendChild(d.path); if(this.heatline) { let gradient_id = makeGradient(this.svg_defs, color); @@ -77,15 +77,15 @@ export default class LineChart extends AxisChart { } if(this.region_fill) { - this.fill_region_for_dataset(d, i, color, points_str); + this.fill_region_for_dataset(d, color, points_str); } } - fill_region_for_dataset(d, i, color, points_str) { + fill_region_for_dataset(d, color, points_str) { let gradient_id = makeGradient(this.svg_defs, color, true); let pathStr = "M" + `0,${this.zero_line}L` + points_str + `L${this.width},${this.zero_line}`; d.regionPath = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id})`); - this.paths_groups[i].appendChild(d.regionPath); + this.paths_groups[d.index].appendChild(d.regionPath); } } diff --git a/src/js/utils/draw-utils.js b/src/js/utils/draw-utils.js index 7636910..91b4a6b 100644 --- a/src/js/utils/draw-utils.js +++ b/src/js/utils/draw-utils.js @@ -1,3 +1,5 @@ +import { fillArray } from '../utils/helpers'; + export function getBarHeightAndYAttr(yTop, zeroLine, totalHeight) { let height, y; if (yTop <= zeroLine) { @@ -21,3 +23,19 @@ export function getBarHeightAndYAttr(yTop, zeroLine, totalHeight) { return [height, y]; } + +export function equilizeNoOfPositions(old_x, old_y, new_x, new_y) { + let extra_count = new_x.length - old_x.length; + if(extra_count >= 0) { + // Substitute current unit set with a squiggled one (more units at end) + // in order to animate to stretch it later to new points + old_x = fillArray(old_x, extra_count); + old_y = fillArray(old_y, extra_count); + } else { + // Modify the new points to have extra points + // with the same position at end, old positions will squeeze in + new_x = fillArray(new_x, extra_count); + new_y = fillArray(new_y, extra_count); + } + return [old_x, old_y, new_x, new_y]; +} diff --git a/src/js/utils/helpers.js b/src/js/utils/helpers.js index 953c8da..46da2a9 100644 --- a/src/js/utils/helpers.js +++ b/src/js/utils/helpers.js @@ -37,6 +37,22 @@ export function shuffle(array) { return array; } +/** + * Fill an array with extra points + * @param {Array} array Array + * @param {Number} count number of filler elements + * @param {Object} element element to fill with + * @param {Boolean} start fill at start? + */ +export function fillArray(array, count, element, start=false) { + if(!element) { + element = start ? array[0] : array[array.length - 1]; + } + let fillerArray = new Array(Math.abs(count)).fill(element); + array = start ? fillerArray.concat(array) : array.concat(fillerArray); + return array; +} + /** * Returns pixel width of string. * @param {String} string From af99b4a40bea1b115a712fe268ecd9fdc374da7d Mon Sep 17 00:00:00 2001 From: pratu16x7 Date: Mon, 20 Nov 2017 14:37:08 +0530 Subject: [PATCH 02/51] [start] same filler and moving existing logic for axes --- dist/frappe-charts.esm.js | 42 ++++++--------- dist/frappe-charts.min.cjs.js | 2 +- dist/frappe-charts.min.esm.js | 2 +- dist/frappe-charts.min.iife.js | 2 +- docs/assets/js/frappe-charts.min.js | 2 +- src/js/charts/AxisChart.js | 7 ++- src/js/utils/animate.js | 83 ++++++++++++++++++++++++++++- src/js/utils/draw-utils.js | 19 +++---- 8 files changed, 113 insertions(+), 46 deletions(-) diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js index 65531a4..642c6ba 100644 --- a/dist/frappe-charts.esm.js +++ b/dist/frappe-charts.esm.js @@ -179,24 +179,17 @@ function getBarHeightAndYAttr(yTop, zeroLine, totalHeight) { return [height, y]; } -function equilizeNoOfPositions(old_x, old_y, new_x, new_y) { - let extra_count = new_x.length - old_x.length; - if(extra_count >= 0) { - // Substitute current unit set with a squiggled one (more units at end) - // in order to animate to stretch it later to new points - old_x = fillArray(old_x, extra_count); - old_y = fillArray(old_y, extra_count); +function equilizeNoOfPositions(oldPos, newPos, + extra_count=newPos.length - oldPos.length) { + + if(extra_count > 0) { + oldPos = fillArray(oldPos, extra_count); } else { - // Modify the new points to have extra points - // with the same position at end, old positions will squeeze in - new_x = fillArray(new_x, extra_count); - new_y = fillArray(new_y, extra_count); + newPos = fillArray(newPos, extra_count); } - return [old_x, old_y, new_x, new_y]; + return [oldPos, newPos]; } -// Constants used - function $$2(expr, con) { return typeof expr === "string"? (con || document).querySelector(expr) : expr || null; } @@ -330,7 +323,7 @@ function makeText(className, x, y, content) { }); } -function makeXLine(height, textStartAt, point, labelClass, axisLineClass, xPos) { +function makeXLine$1(height, textStartAt, point, labelClass, axisLineClass, xPos) { let line = createSVG('line', { x1: 0, x2: 0, @@ -1381,7 +1374,7 @@ class AxisChart extends BaseChart { } } this.x_axis_group.appendChild( - makeXLine( + makeXLine$1( height, text_start_at, point, @@ -1761,12 +1754,15 @@ class AxisChart extends BaseChart { animate_graphs() { this.y.map(d => { // Pre-prep, equilize no of positions between old and new - let [old_x, old_y, new_x, new_y] = equilizeNoOfPositions( + let [old_x, new_x] = equilizeNoOfPositions( this.x_old_axis_positions.slice(), + this.x_axis_positions.slice() + ); + let [old_y, new_y] = equilizeNoOfPositions( this.old_y_axis_tops[d.index].slice(), - this.x_axis_positions.slice(), d.y_tops.slice() ); + if(new_x.length - old_x.length > 0) { this.make_path && this.make_path(d, old_x, old_y, this.colors[d.index]); this.make_new_units_for_dataset(old_x, old_y, this.colors[d.index], d.index, this.y.length); @@ -1820,7 +1816,7 @@ class AxisChart extends BaseChart { if(typeof new_pos === 'string') { new_pos = parseInt(new_pos.substring(0, new_pos.length-1)); } - const x_line = makeXLine( + const x_line = makeXLine$1( height, text_start_at, value, // new value @@ -2857,14 +2853,6 @@ class Heatmap extends BaseChart { } } -// if ("development" !== 'production') { -// // Enable LiveReload -// document.write( -// ' + + + + + + + +
                +
                +
                +

                Frappe Charts

                +

                GitHub-inspired simple and modern charts for the web

                +

                with zero dependencies.

                + +
                + +
                +
                +

                Click or use arrow keys to navigate data points

                +
                +
                +
                +
                +
                + +
                +
                + +
                +
                +
                + + Create a chart +
                +

                Install

                + 
                  npm install frappe-charts
                +

                And include it in your project

                + 
                  import Chart from "frappe-charts/dist/frappe-charts.min.esm"
                +

                ... or include it directly in your HTML

                + 
                  <script src="https://unpkg.com/frappe-charts@0.0.8/dist/frappe-charts.min.iife.js"></script>
                +

                Make a new Chart

                + 
                  <!--HTML-->
+  <div id="chart"></div>
                + 
                  // Javascript
+  let data = {
+    labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
+      "12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],
+
+    datasets: [
+      {
+        label: "Some Data",
+        values: [25, 40, 30, 35, 8, 52, 17, -4]
+      },
+      {
+        label: "Another Set",
+        values: [25, 50, -10, 15, 18, 32, 27, 14]
+      },
+      {
+        label: "Yet Another",
+        values: [15, 20, -3, -15, 58, 12, -17, 37]
+      }
+    ]
+  };
+
+  let chart = new Chart({
+    parent: "#chart", // or a DOM element
+    title: "My Awesome Chart",
+    data: data,
+    type: 'bar', // or 'line', 'scatter', 'pie', 'percentage'
+    height: 250,
+
+    colors: ['#7cd6fd', 'violet', 'blue'],
+    // hex-codes or these preset colors;
+    // defaults (in order):
+    // ['light-blue', 'blue', 'violet', 'red',
+    // 'orange', 'yellow', 'green', 'light-green',
+    // 'purple', 'magenta', 'grey', 'dark-grey']
+
+    format_tooltip_x: d => (d + '').toUpperCase(),
+    format_tooltip_y: d => d + ' pts'
+  });
                +
                +
                + + + + +
                +

                + Why Percentage? +

                +
                +
                + +
                +
                +
                + Update Values +
                + 
                  // Update entire datasets
+  chart.updateData(
+    [
+      {values: new_dataset_1_values},
+      {values: new_dataset_2_values}
+    ],
+    new_labels
+  );
+
+  // Add a new data point
+  chart.add_data_point(
+    [new_value_1, new_value_2],
+    new_label,
+    index // defaults to last index
+  );
+
+  // Remove a data point
+  chart.remove_data_point(index);
                +
                +
                + + + +
                + 
                  ...
+    // Include specific Y values in input data to be displayed as lines
+    // (before passing data to a new chart):
+
+    data.specific_values = [
+      {
+        label: "Altitude",
+        line_type: "dashed", // or "solid"
+        value: 38
+      }
+    ]
+  ...
                +
                +
                + +
                +
                +
                + Plot Trends +
                + 
                  ...
+    xAxisMode: 'tick',  // for short label ticks
+                          // or 'span' for long spanning vertical axis lines
+    yAxisMode: 'span',  // for long horizontal lines, or 'tick'
+    isSeries: 1,         // to allow for skipping of X values
+  ...
                + +
                + + + + +
                + 
                  ...
+    type: 'line',   // Line Chart specific properties:
+
+    hideDots: 1,   // Hide data points on the line; default 0
+    heatline: 1,    // Show a value-wise line gradient; default 0
+    regionFill: 1, // Fill the area under the graph; default 0
+  ...
                +
                +
                + +
                +
                +
                + Listen to state change +
                +
                +
                +
                +
                +
                +
                +
                + +
                +
                +
                Europa
                +

                Semi-major-axis: 671034 km

                +

                Mass: 4800000 x 10^16 kg

                +

                Diameter: 3121.6 km

                +
                +
                +
                +
                + 
                  ...
+    type: 'bar',     // Bar Chart specific properties:
+    isNavigable: 1, // Navigate across bars; default 0
+  ...
+
+  chart.parent.addEventListener('data-select', (e) => {
+    update_moon_data(e.index); // e contains index and value of current datapoint
+  });
                +
                +
                + +
                +
                +
                + Simple Aggregations +
                +
                +
                + + +
                + 
                  chart.show_sums();  // and `hide_sums()`
+
+  chart.show_averages();  // and `hide_averages()`
                +
                +
                + +
                +
                +
                + And a Month-wise Heatmap +
                +
                +
                + + +
                +
                + + +
                + 
                  let heatmap = new Chart({
+    parent: "#heatmap",
+    type: 'heatmap',
+    height: 115,
+    data: heatmap_data,  // object with date/timestamp-value pairs
+
+    discrete_domains: 1  // default: 0
+
+    start: start_date,
+                  // A Date object;
+                  // default: today's date in past year
+                  //          for an annual heatmap
+
+    legend_colors: ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'],
+                  // Set of five incremental colors,
+                  // beginning with a low-saturation color for zero data;
+                  // default: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127']
+
+  });
                +
                +
                + +
                +
                + +
                + +

                View on GitHub

                +

                +

                License: MIT

                +
                +
                +
                + +
                +
                + +
                + +
                + +

                + Project maintained by Frappe. + Used in ERPNext. + Read the blog post. +

                +

                + Data from the American Meteor Society, + SILSO and + NASA Open APIs +

                +
                + + + + + + + + + diff --git a/src/js/charts/AxisChart.js b/src/js/charts/AxisChart.js index 51399df..d1da7af 100644 --- a/src/js/charts/AxisChart.js +++ b/src/js/charts/AxisChart.js @@ -377,20 +377,6 @@ export default class AxisChart extends BaseChart { } makeOverlay() { - // Just make one out of the first element - // let index = this.xAxisLabels.length - 1; - // let unit = this.y[0].svg_units[index]; - // this.setCurrentDataPoint(index); - - // if(this.overlay) { - // this.overlay.parentNode.removeChild(this.overlay); - // } - - // this.overlay = unit.cloneNode(); - // this.overlay.style.fill = '#000000'; - // this.overlay.style.opacity = '0.4'; - // this.drawArea.appendChild(this.overlay); - if(this.overlayGuides) { this.overlayGuides.forEach(g => { let o = g.overlay; @@ -402,12 +388,12 @@ export default class AxisChart extends BaseChart { return { type: c.unitType, overlay: undefined, - units: c.store, + units: c.units, } }); if(this.state.currentIndex === undefined) { - this.state.currentIndex = 0; + this.state.currentIndex = this.state.datasetLength - 1; } // Render overlays @@ -419,10 +405,19 @@ export default class AxisChart extends BaseChart { } + updateOverlayGuides() { + if(this.overlayGuides) { + this.overlayGuides.forEach(g => { + let o = g.overlay; + o.parentNode.removeChild(o); + }); + } + } + bindOverlay() { // on event, update overlay this.parent.addEventListener('data-select', (e) => { - this.updateOverlay(e.svg_unit); + this.updateOverlay(); }); } diff --git a/src/js/charts/BaseChart.js b/src/js/charts/BaseChart.js index 3fe453d..9e5e9eb 100644 --- a/src/js/charts/BaseChart.js +++ b/src/js/charts/BaseChart.js @@ -35,7 +35,6 @@ export default class BaseChart { this.options = {}; if(this.config.isNavigable) { - this.state.currentIndex = 0; this.overlays = []; } @@ -192,8 +191,12 @@ export default class BaseChart { updateNav() { if(this.config.isNavigable) { - this.makeOverlay(); - this.bindUnits(); + // if(!this.overlayGuides){ + this.makeOverlay(); + this.bindUnits(); + // } else { + // this.updateOverlay(); + // } } } @@ -242,7 +245,9 @@ export default class BaseChart { document.addEventListener('keydown', (e) => { if(isElementInViewport(this.chartWrapper)) { e = e || window.event; - this.keyActions[e.keyCode](); + if(this.keyActions[e.keyCode]) { + this.keyActions[e.keyCode](); + } } }); } diff --git a/src/js/objects/ChartComponents.js b/src/js/objects/ChartComponents.js index 51a9b39..b8a26b6 100644 --- a/src/js/objects/ChartComponents.js +++ b/src/js/objects/ChartComponents.js @@ -201,7 +201,7 @@ let componentConfigs = { makeElements(data) { let c = this.constants; this.unitType = 'bar'; - return data.yPositions.map((y, j) => { + this.units = data.yPositions.map((y, j) => { return datasetBar( data.xPositions[j], y, @@ -217,6 +217,7 @@ let componentConfigs = { } ) }); + return this.units; }, animateElements(newData) { let c = this.constants; @@ -280,10 +281,10 @@ let componentConfigs = { } ) - this.dots = [] + this.units = [] if(!c.hideDots) { - this.dots = data.yPositions.map((y, j) => { + this.units = data.yPositions.map((y, j) => { return datasetDot( data.xPositions[j], y, @@ -295,8 +296,7 @@ let componentConfigs = { }); } - return Object.values(this.paths).concat(this.dots); - // return this.dots; + return Object.values(this.paths).concat(this.units); }, animateElements(newData) { let c = this.constants; @@ -328,8 +328,8 @@ let componentConfigs = { animateElements = animateElements.concat(animatePath( this.paths, newXPos, newYPos, newData.zeroLine)); - if(this.dots.length) { - this.dots.map((dot, i) => { + if(this.units.length) { + this.units.map((dot, i) => { animateElements = animateElements.concat(animateDot( dot, newXPos[i], newYPos[i])); }); From 59ad41427ff354852f8307b566b934b1c2938bfe Mon Sep 17 00:00:00 2001 From: Prateeksha Singh Date: Mon, 5 Mar 2018 11:36:20 +0530 Subject: [PATCH 46/51] [axis] allow skipping x values --- dist/frappe-charts.esm.js | 193 +++++++++++-------- dist/frappe-charts.min.cjs.js | 2 +- dist/frappe-charts.min.esm.js | 2 +- dist/frappe-charts.min.iife.js | 2 +- dist/frappe-charts.min.iife.js.map | 2 +- docs/assets/js/frappe-charts.min.js | 2 +- docs/assets/js/frappe-charts.min.js.map | 2 +- docs/assets/js/index.js | 83 ++------ docs/index.html | 6 +- src/js/charts/AxisChart.js | 78 ++++---- src/js/objects/ChartComponents.js | 45 +++-- src/js/{charts => utils}/axis-chart-utils.js | 51 ++++- src/js/utils/constants.js | 4 +- src/js/utils/draw-utils.js | 21 -- 14 files changed, 249 insertions(+), 244 deletions(-) rename src/js/{charts => utils}/axis-chart-utils.js (64%) diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js index 769c318..7847ab5 100644 --- a/dist/frappe-charts.esm.js +++ b/dist/frappe-charts.esm.js @@ -273,27 +273,6 @@ function equilizeNoOfElements(array1, array2, return [array1, array2]; } -// let char_width = 8; -// let allowed_space = avgUnitWidth * 1.5; -// let allowed_letters = allowed_space / 8; - -// return values.map((value, i) => { -// let space_taken = getStringWidth(value, char_width) + 2; -// if(space_taken > allowed_space) { -// if(isSeries) { -// // Skip some axis lines if X axis is a series -// let skips = 1; -// while((space_taken/skips)*2 > allowed_space) { -// skips++; -// } -// if(i % skips !== 0) { -// return; -// } -// } else { -// value = value.slice(0, allowed_letters-3) + " ..."; -// } -// } - const UNIT_ANIM_DUR = 350; const PATH_ANIM_DUR = 350; const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR; @@ -411,6 +390,8 @@ const MIN_BAR_PERCENT_HEIGHT = 0.01; const LINE_CHART_DOT_SIZE = 4; const DOT_OVERLAY_SIZE_INCR = 4; +const DEFAULT_CHAR_WIDTH = 8; + const AXIS_TICK_LENGTH = 6; const LABEL_MARGIN = 4; const FONT_SIZE = 10; @@ -2283,24 +2264,57 @@ function zeroDataPrep(realData) { chartType: d.chartType } }), - yRegions: [ + }; + + if(realData.yMarkers) { + zeroData.yMarkers = [ { - start: 0, - end: 0, + value: 0, label: '' } - ], - yMarkers: [ + ]; + } + + if(realData.yRegions) { + zeroData.yRegions = [ { - value: 0, + start: 0, + end: 0, label: '' } - ] - }; + ]; + } return zeroData; } +function getShortenedLabels(chartWidth, labels=[], isSeries=true) { + let allowedSpace = chartWidth / labels.length; + let allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH; + + let calcLabels = labels.map((label, i) => { + label += ""; + if(label.length > allowedLetters) { + + if(!isSeries) { + if(allowedLetters-3 > 0) { + label = label.slice(0, allowedLetters-3) + " ..."; + } else { + label = label.slice(0, allowedLetters) + '..'; + } + } else { + let multiple = Math.ceil(label.length/allowedLetters); + if(i % multiple !== 0) { + label = ""; + } + } + } + return label; + }); + + return calcLabels; +} + class ChartComponent { constructor({ layerClass = '', @@ -2396,23 +2410,23 @@ let componentConfigs = { layerClass: 'x axis', makeElements(data) { return data.positions.map((position, i) => - xLine(position, data.labels[i], this.constants.height, + xLine(position, data.calcLabels[i], this.constants.height, {mode: this.constants.mode, pos: this.constants.pos}) ); }, animateElements(newData) { let newPos = newData.positions; - let newLabels = newData.labels; + let newLabels = newData.calcLabels; let oldPos = this.oldData.positions; - let oldLabels = this.oldData.labels; + let oldLabels = this.oldData.calcLabels; [oldPos, newPos] = equilizeNoOfElements(oldPos, newPos); [oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels); this.render({ positions: oldPos, - labels: newLabels + calcLabels: newLabels }); return this.store.map((line, i) => { @@ -2564,23 +2578,24 @@ let componentConfigs = { makeElements(data) { let c = this.constants; this.unitType = 'dot'; - - this.paths = getPaths( - data.xPositions, - data.yPositions, - c.color, - { - heatline: c.heatline, - regionFill: c.regionFill - }, - { - svgDefs: c.svgDefs, - zeroLine: data.zeroLine - } - ); + this.paths = {}; + if(!c.hideLine) { + this.paths = getPaths( + data.xPositions, + data.yPositions, + c.color, + { + heatline: c.heatline, + regionFill: c.regionFill + }, + { + svgDefs: c.svgDefs, + zeroLine: data.zeroLine + } + ); + } this.units = []; - if(!c.hideDots) { this.units = data.yPositions.map((y, j) => { return datasetDot( @@ -2621,8 +2636,10 @@ let componentConfigs = { let animateElements = []; - animateElements = animateElements.concat(animatePath( - this.paths, newXPos, newYPos, newData.zeroLine)); + if(Object.keys(this.paths).length) { + animateElements = animateElements.concat(animatePath( + this.paths, newXPos, newYPos, newData.zeroLine)); + } if(this.units.length) { this.units.map((dot, i) => { @@ -2649,24 +2666,29 @@ function getComponent(name, constants, getData) { class AxisChart extends BaseChart { constructor(parent, args) { super(parent, args); - this.isSeries = args.isSeries; - this.valuesOverPoints = args.valuesOverPoints; - this.formatTooltipY = args.formatTooltipY; - this.formatTooltipX = args.formatTooltipX; + this.barOptions = args.barOptions || {}; this.lineOptions = args.lineOptions || {}; - this.type = args.type || 'line'; - this.xAxisMode = args.xAxisMode || 'span'; - this.yAxisMode = args.yAxisMode || 'span'; + this.type = args.type || 'line'; this.setup(); } - configure(args) {3; + configure(args) { super.configure(); - this.config.xAxisMode = args.xAxisMode; - this.config.yAxisMode = args.yAxisMode; + + args.axisOptions = args.axisOptions || {}; + args.tooltipOptions = args.tooltipOptions || {}; + + this.config.xAxisMode = args.axisOptions.xAxisMode || 'span'; + this.config.yAxisMode = args.axisOptions.yAxisMode || 'span'; + this.config.xIsSeries = args.axisOptions.xIsSeries || 1; + + this.config.formatTooltipX = args.tooltipOptions.formatTooltipX; + this.config.formatTooltipY = args.tooltipOptions.formatTooltipY; + + this.config.valuesOverPoints = args.valuesOverPoints; } setMargins() { @@ -2770,7 +2792,7 @@ class AxisChart extends BaseChart { if(this.data.yMarkers) { this.state.yMarkers = this.data.yMarkers.map(d => { d.position = scale(d.value, s.yAxis); - if(!d.label) { + if(!d.label.includes(':')) { d.label += ': ' + d.value; } return d; @@ -2806,19 +2828,29 @@ class AxisChart extends BaseChart { [ 'yAxis', { - mode: this.yAxisMode, + mode: this.config.yAxisMode, width: this.width, // pos: 'right' - } + }, + function() { + return this.state.yAxis; + }.bind(this) ], [ 'xAxis', { - mode: this.xAxisMode, + mode: this.config.xAxisMode, height: this.height, // pos: 'right' - } + }, + function() { + let s = this.state; + s.xAxis.calcLabels = getShortenedLabels(this.width, + s.xAxis.labels, this.config.xIsSeries); + + return s.xAxis; + }.bind(this) ], [ @@ -2826,17 +2858,12 @@ class AxisChart extends BaseChart { { width: this.width, pos: 'right' - } - ], - ]; - - componentConfigs.map(args => { - args.push( + }, function() { - return this.state[args[0]]; + return this.state.yRegions; }.bind(this) - ); - }); + ], + ]; let barDatasets = this.state.datasets.filter(d => d.chartType === 'bar'); let lineDatasets = this.state.datasets.filter(d => d.chartType === 'line'); @@ -2853,7 +2880,7 @@ class AxisChart extends BaseChart { stacked: this.barOptions.stacked, // same for all datasets - valuesOverPoints: this.valuesOverPoints, + valuesOverPoints: this.config.valuesOverPoints, minHeight: this.height * MIN_BAR_PERCENT_HEIGHT, }, function() { @@ -2910,9 +2937,10 @@ class AxisChart extends BaseChart { heatline: this.lineOptions.heatline, regionFill: this.lineOptions.regionFill, hideDots: this.lineOptions.hideDots, + hideLine: this.lineOptions.hideLine, // same for all datasets - valuesOverPoints: this.valuesOverPoints, + valuesOverPoints: this.config.valuesOverPoints, }, function() { let s = this.state; @@ -2937,17 +2965,12 @@ class AxisChart extends BaseChart { { width: this.width, pos: 'right' - } - ] - ]; - - markerConfigs.map(args => { - args.push( + }, function() { - return this.state[args[0]]; + return this.state.yMarkers; }.bind(this) - ); - }); + ] + ]; componentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs); diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js index 9339d68..13a3bce 100644 --- a/dist/frappe-charts.min.cjs.js +++ b/dist/frappe-charts.min.cjs.js @@ -1 +1 @@ -"use strict";function __$styleInject(t,e){void 0===e&&(e={});var a=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),a=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-a}function fire(t,e,a){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var n in a)i[n]=a[n];return t.dispatchEvent(i)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];a||(a=i?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(a);return t=i?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getBarHeightAndYAttr(t,e){var a=void 0,i=void 0;return t<=e?(a=e-t,i=t):(a=t-e,i=e),[a,i]}function equilizeNoOfElements(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return a>0?t=fillArray(t,a):e=fillArray(e,a),[t,e]}function translate(t,e,a,i){var n="string"==typeof e?e:e.join(", ");return[t,{transform:a.join(", ")},i,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,a){return translate(t,[a,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,a){return translate(t,[0,a],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,a,i){var n=e-a,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,a],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(a,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:i,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:i,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,a){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,a],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,a,i){var n=[],r=a.map(function(t,a){return e[a]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+i+"L",l="L"+e.slice(-1)[0]+", "+i,h=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(h)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var a=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var n=e[i];if("inside"===i)$$1(n).appendChild(a);else if("around"===i){var r=$$1(n);r.parentNode.insertBefore(a,r),a.appendChild(r)}else"styles"===i?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){a.style[t]=n[t]}):("className"===i&&(i="class"),"innerHTML"===i?a.textContent=n:a.setAttribute(i,n))}return a}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,a,i){return createSVG("stop",{inside:t,style:"stop-color: "+a,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,a,i){return createSVG("svg",{className:e,inside:t,width:a,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(a?"lighter":"default"),n=renderVerticalGradient(t,i),r=[1,.6,.2];return a&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),i}function makeHeatSquare(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:a,width:i,height:i,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,a,i){return createSVG("text",{className:t,x:e,y:a,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:i})}function makeVertLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:a,y2:i,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:a>i?a+LABEL_MARGIN:a-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:a,x2:i,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:a3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===i.mode?a+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(n=a+AXIS_TICK_LENGTH,r=a),n+=i.offset,r+=i.offset,makeHoriLine(t,e,n,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function xLine(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=a+AXIS_TICK_LENGTH,r="span"===i.mode?-1*AXIS_TICK_LENGTH:a;return"tick"===i.mode&&"top"===i.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:a-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,a,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return r.appendChild(n),r}function yRegion(t,e,a,i){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":a+", "+n},x:0,y:0,width:a,height:n}),s=createSVG("text",{className:"chart-label",x:a-getStringWidth(i,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),h=slicedToArray(l,2),c=h[0],u=h[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":r,x:t,y:u-=s,width:a,height:c||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:a/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+i,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:a});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-a+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,a){return t[a]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",a);if(i.heatline){var o=makeGradient(n.svgDefs,a);s.style.stroke="url(#"+o+")"}var l={path:s};if(i.regionFill){var h=makeGradient(n.svgDefs,a,!0),c="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(c,"region-fill","none","url(#"+h+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var a=getColor(t),i=!1;"#"==a[0]&&(a=a.slice(1),i=!0);var n=parseInt(a,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(i?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,a,i){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return new Chart(a,{title:i.title,data:i.data,type:t,height:i.height,colors:n?i.colors:void 0})}}function animateSVGElement(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=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=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:c,to:u,begin:"0s",dur:a/1e3+"s",values:c+";"+u,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)h.setAttribute(p,d[p]);s.appendChild(h),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var a=[],i=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],a.push(s),i.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(a[i],t[0]),e[i][0]=a[i]}),n}function runSMILAnimation(t,e,a){if(0!==a.length){var i=animateSVG(e,a);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),a=t.getMonth()+1;return[(e>9?"":"0")+e,(a>9?"":"0")+a,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var a=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,a)),a]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=Math.ceil(t),i=Math.floor(e),n=a-i,r=n,s=1;n>5&&(n%2!=0&&(n=++a-i),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(i+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=normalize(t),i=slicedToArray(a,2),n=i[0],r=i[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var a=getChartIntervals(t),i=a[1]-a[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(i>=0&&n>=0)normalize(i)[1],r=a?getChartIntervals(i,n):getChartIntervals(i);else if(i>0&&n<0){var s=Math.abs(n);i>=s?(normalize(i)[1],r=e(i,s)):(normalize(s)[1],r=e(s,i).map(function(t){return-1*t}))}else if(i<=0&&n<=0){var o=Math.abs(n),l=Math.abs(i);normalize(o)[1],r=(r=a?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var a=Math.max.apply(Math,toConsumableArray(t)),i=1/(e-1),n=[],r=0;ra?r.slice(0,a):fillArray(r,a-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],a=arguments[2];return"line"===t?(a.type="line",new AxisChart(e,a)):"bar"===t?(a.type="bar",new AxisChart(e,a)):"axis-mixed"===t?(a.type="line",new AxisChart(e,a)):chartTypes[t]?new chartTypes[t](e,a):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function a(t,e){return new Promise(function(a,n){var o={key:t,arg:e,resolve:a,reject:n,next:null};s?s=s.next=o:(r=s=o,i(t,e))})}function i(a,r){try{var s=e[a](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?i(r.key,r.arg):s=null}var r,s;this._invoke=a,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var a=0;a\n\t\t\t\t
                  \n\t\t\t\t
                  '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,a){var i=t.colors[a]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+i},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,a=this.container.querySelector(".svg-pointer");if(this.left<0)a.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";a.style.left=i,this.left=e}else a.style.left="50%"}},{key:"set_values",value:function(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=a,this.title_value=i,this.list_values=n,this.x=t,this.y=e,this.title_value_first=r,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var a=t.cloneNode();return a.style.fill="#000000",a.style.opacity="0.4",e&&a.setAttribute("transform",e),a},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var a=t.cloneNode(),i=t.getAttribute("r");return a.setAttribute("r",i+DOT_OVERLAY_SIZE_INCR),a.style.fill="#000000",a.style.opacity="0.4",e&&a.setAttribute("transform",e),a}},updateOverlay={bar:function(t,e){var a=void 0;"rect"!==t.nodeName&&(a=t.getAttribute("transform"),t=t.childNodes[0]);var i=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),a&&e.setAttribute("transform",a)},dot:function(t,e){var a=void 0;"circle"!==t.nodeName&&(a=t.getAttribute("transform"),t=t.childNodes[0]);var i=["cx","cy"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),a&&e.setAttribute("transform",a)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,a){if(classCallCheck(this,t),this.rawChartArgs=a,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=a.title||"",this.subtitle=a.subtitle||"",this.argHeight=a.height||240,this.type=a.type||"",this.realData=this.prepareData(a.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:a.showLegend||1,isNavigable:a.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(a)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                  '+this.subtitle+'
                  \n\t\t\t\t
                  \n\t\t\t\t
                  '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),a&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(a)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var i=[];e.forEach(function(t){i=i.concat(t.update(a))}),i.length>0?(runSMILAnimation(this.chartWrapper,this.svg,i),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),PercentageChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.type="percentage",i.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.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this;this.grand_total=this.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],this.sliceTotals.map(function(e,a){var i=$.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[a],width:100*e/t.grand_total+"%"}});t.slices.push(i)})}},{key:"calc",value:function(){var t=this;this.sliceTotals=[];var e=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),a=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),a=e.slice(0,this.max_slices-1);var i=0;e.slice(this.max_slices-1).map(function(t){i+=t[0]}),a.push([i,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],a.map(function(e){t.sliceTotals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.sliceTotals.slice(0,this.max_legend_points)}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){}}]),e}(BaseChart),ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,PieChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.type="pie",i.elements_to_animate=null,i.hoverRadio=a.hoverRadio||.1,i.max_slices=10,i.max_legend_points=6,i.isAnimate=!1,i.startAngle=a.startAngle||0,i.clockWise=a.clockWise||!1,i.mouseMove=i.mouseMove.bind(i),i.mouseLeave=i.mouseLeave.bind(i),i.setup(),i}return inherits(e,t),createClass(e,[{key:"calc",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),a=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),a=e.slice(0,this.max_slices-1);var i=0;e.slice(this.max_slices-1).map(function(t){i+=t[0]}),a.push([i,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],a.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var a=this.centerX,i=this.centerY,n=this.radius,r=this.clockWise;return"M"+a+" "+i+" L"+(a+t.x)+" "+(i+t.y)+" A "+n+" "+n+" 0 0 "+(r?1:0)+" "+(a+e.x)+" "+(i+e.y)+" z"}},{key:"render",value:function(t){var a=this,i=this.radius,n=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var r=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.slice_totals.map(function(o,l){var h=s,c=o/a.grand_total*FULL_ANGLE,u=n?-c:c,d=s+=u,p=e.getPositionByAngle(h,i),f=e.getPositionByAngle(d,i),v=t&&r[l],g=void 0,m=void 0;t?(g=v?v.startPosition:p,m=v?v.endPosition:p):(g=p,m=f);var y=a.makeArcPath(g,m),_=makePath(y,"pie-path","none",a.colors[l]);_.style.transition="transform .3s;",a.drawArea.appendChild(_),a.slices.push(_),a.slicesProperties.push({startPosition:p,endPosition:f,value:o,total:a.grand_total,startAngle:h,endAngle:d,angle:u}),t&&a.elements_to_animate.push([{unit:_,array:a.slices,index:a.slices.length-1},{d:a.makeArcPath(p,f)},650,"easein",null,{d:y}])}),t&&runSMILAnimation(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var a=this.radius,i=this.hoverRadio,n=e.getPositionByAngle(t.startAngle+t.angle/2,a);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,a,i){if(t){var n=this.colors[e];if(a){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=i.pageX-r.left+10,o=i.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",h=(100*this.slice_totals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,o,l,h+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,a=this.curActiveSliceIndex,i=this.curActiveSlice,n=0;n0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,i){var n=t.colors[i];a&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e[i]+":\n\t\t\t\t\t"+a+"\n\t\t\t\t")})}}],[{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,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));i.type="heatmap",i.domain=a.domain||"",i.subdomain=a.subdomain||"",i.data=a.data||{},i.discrete_domains=a.discrete_domains||1,i.count_label=a.count_label||"";var n=new Date;i.start=a.start||addDays(n,365);var r=(a.legend_colors||[]).slice(0,5);return i.legend_colors=i.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],i.distribution_size=5,i.translateX=0,i.setup(),i}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var a=0;aa)break;v.getMonth()-t.getMonth()&&(i=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,i]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,a){var i=makeText("y-value-text",e+12,10,t.month_names[t.months[a]].substring(0,3));t.domainLabelGroup.appendChild(i)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var a=e.target.getAttribute("data-value"),i=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(i[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,h=s.top-r.top-(o+2)/2,c=a+" "+t.count_label,u=" on "+n+" "+i[0]+", "+i[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var a=e.layerClass,i=void 0===a?"":a,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=i,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return yLine(a,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateHoriLine(t,e[a],i[a])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return xLine(a,t.labels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateVertLine(t,e[a],i[a])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],i[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(a,i){return datasetBar(t.xPositions[i],a,t.barWidth,e.color,t.labels[i],i,t.offsets[i],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,a=t.xPositions,i=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,c=equilizeNoOfElements(s,a),u=slicedToArray(c,2);s=u[0],a=u[1];var d=equilizeNoOfElements(o,i),p=slicedToArray(d,2);o=p[0],i=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(h,r),m=slicedToArray(g,2);h=m[0],r=m[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(r,s){y=y.concat(animateBar(r,a[s],i[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine}),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(a,i){return datasetDot(t.xPositions[i],a,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,a=t.yPositions,i=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var h=equilizeNoOfElements(r,a),c=slicedToArray(h,2);r=c[0],a=c[1];var u=equilizeNoOfElements(s,i),d=slicedToArray(u,2);s=d[0],i=d[1],this.render({xPositions:n,yPositions:r,values:i,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return p=p.concat(animatePath(this.paths,e,a,t.zeroLine)),this.units.length&&this.units.map(function(t,i){p=p.concat(animateDot(t,e[i],a[i]))}),p}}},AxisChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.isSeries=a.isSeries,i.valuesOverPoints=a.valuesOverPoints,i.formatTooltipY=a.formatTooltipY,i.formatTooltipX=a.formatTooltipX,i.barOptions=a.barOptions||{},i.lineOptions=a.lineOptions||{},i.type=a.type||"line",i.xAxisMode=a.xAxisMode||"span",i.yAxisMode=a.yAxisMode||"span",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:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,a){return floatTwo(t.xOffset+a*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),a=this.height/getValueRange(e),i=getIntervalSize(e)*a,n=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*a}),scaleMultiplier:a,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,a){var i=t.values,n=t.cumulativeYs||[];return{name:t.name,index:a,chartType:t.chartType,values:i,yPositions:e(i),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,a){e.yPositions.map(function(e,a){e=0;r--){var s=a.xAxis.positions[r];if(t>s-a.unitWidth/2){var o=s+this.leftMargin,l=a.yExtremes[r]+this.translateY,h=this.data.datasets.map(function(t,a){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[a]}});this.tip.set_values(o,l,i[r],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var a=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](a),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var a=e.units[t.state.currentIndex];updateOverlay[e.type](a,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),console.log(t),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,a,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,a[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,a){return classCallCheck(this,t),getChartByType(a.type,e,a)};module.exports=Chart; +"use strict";function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,h=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(h)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),h=slicedToArray(l,2),c=h[0],u=h[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:c||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var h=makeGradient(n.svgDefs,i,!0),c="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(c,"region-fill","none","url(#"+h+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return new Chart(i,{title:a.title,data:a.data,type:t,height:a.height,colors:n?a.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,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=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=r[l]||t.getAttribute(l),u=e[l],d={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&&(d.type=n);for(var p in d)h.setAttribute(p,d[p]);s.appendChild(h),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                    \n\t\t\t\t
                    '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=n,this.x=t,this.y=e,this.title_value_first=r,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                    '+this.subtitle+'
                    \n\t\t\t\t
                    \n\t\t\t\t
                    '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.max_slices=10,a.max_legend_points=6,a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this;this.grand_total=this.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],this.sliceTotals.map(function(e,i){var a=$.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"calc",value:function(){var t=this;this.sliceTotals=[];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.sliceTotals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.sliceTotals.slice(0,this.max_legend_points)}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){}}]),e}(BaseChart),ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.elements_to_animate=null,a.hoverRadio=i.hoverRadio||.1,a.max_slices=10,a.max_legend_points=6,a.isAnimate=!1,a.startAngle=i.startAngle||0,a.clockWise=i.clockWise||!1,a.mouseMove=a.mouseMove.bind(a),a.mouseLeave=a.mouseLeave.bind(a),a.setup(),a}return inherits(e,t),createClass(e,[{key:"calc",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,r=this.clockWise;return"M"+i+" "+a+" L"+(i+t.x)+" "+(a+t.y)+" A "+n+" "+n+" 0 0 "+(r?1:0)+" "+(i+e.x)+" "+(a+e.y)+" z"}},{key:"render",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 r=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.slice_totals.map(function(o,l){var h=s,c=o/i.grand_total*FULL_ANGLE,u=n?-c:c,d=s+=u,p=e.getPositionByAngle(h,a),f=e.getPositionByAngle(d,a),v=t&&r[l],g=void 0,m=void 0;t?(g=v?v.startPosition:p,m=v?v.endPosition:p):(g=p,m=f);var y=i.makeArcPath(g,m),_=makePath(y,"pie-path","none",i.colors[l]);_.style.transition="transform .3s;",i.drawArea.appendChild(_),i.slices.push(_),i.slicesProperties.push({startPosition:p,endPosition:f,value:o,total:i.grand_total,startAngle:h,endAngle:d,angle:u}),t&&i.elements_to_animate.push([{unit:_,array:i.slices,index:i.slices.length-1},{d:i.makeArcPath(p,f)},650,"easein",null,{d:y}])}),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 r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",h=(100*this.slice_totals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,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;n0?this.formatted_labels:this.labels;this.legend_totals.map(function(i,a){var n=t.colors[a];i&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}],[{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,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discrete_domains=i.discrete_domains||1,a.count_label=i.count_label||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legend_colors||[]).slice(0,5);return a.legend_colors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,h=s.top-r.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){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,c=equilizeNoOfElements(s,i),u=slicedToArray(c,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(h,r),m=slicedToArray(g,2);h=m[0],r=m[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(r,s){y=y.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var h=equilizeNoOfElements(r,i),c=slicedToArray(h,2);r=c[0],i=c[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.set_values(o,l,a[r],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};module.exports=Chart; diff --git a/dist/frappe-charts.min.esm.js b/dist/frappe-charts.min.esm.js index 819a803..6b8a5a4 100644 --- a/dist/frappe-charts.min.esm.js +++ b/dist/frappe-charts.min.esm.js @@ -1 +1 @@ -function __$styleInject(t,e){void 0===e&&(e={});var a=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),a=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-a}function fire(t,e,a){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var n in a)i[n]=a[n];return t.dispatchEvent(i)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];a||(a=i?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(a);return t=i?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getBarHeightAndYAttr(t,e){var a=void 0,i=void 0;return t<=e?(a=e-t,i=t):(a=t-e,i=e),[a,i]}function equilizeNoOfElements(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return a>0?t=fillArray(t,a):e=fillArray(e,a),[t,e]}function translate(t,e,a,i){var n="string"==typeof e?e:e.join(", ");return[t,{transform:a.join(", ")},i,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,a){return translate(t,[a,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,a){return translate(t,[0,a],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,a,i){var n=e-a,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,a],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(a,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:i,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:i,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,a){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,a],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,a,i){var n=[],r=a.map(function(t,a){return e[a]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+i+"L",l="L"+e.slice(-1)[0]+", "+i,h=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(h)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var a=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var n=e[i];if("inside"===i)$$1(n).appendChild(a);else if("around"===i){var r=$$1(n);r.parentNode.insertBefore(a,r),a.appendChild(r)}else"styles"===i?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){a.style[t]=n[t]}):("className"===i&&(i="class"),"innerHTML"===i?a.textContent=n:a.setAttribute(i,n))}return a}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,a,i){return createSVG("stop",{inside:t,style:"stop-color: "+a,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,a,i){return createSVG("svg",{className:e,inside:t,width:a,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(a?"lighter":"default"),n=renderVerticalGradient(t,i),r=[1,.6,.2];return a&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),i}function makeHeatSquare(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:a,width:i,height:i,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,a,i){return createSVG("text",{className:t,x:e,y:a,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:i})}function makeVertLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:a,y2:i,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:a>i?a+LABEL_MARGIN:a-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:a,x2:i,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:a3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===i.mode?a+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(n=a+AXIS_TICK_LENGTH,r=a),n+=i.offset,r+=i.offset,makeHoriLine(t,e,n,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function xLine(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=a+AXIS_TICK_LENGTH,r="span"===i.mode?-1*AXIS_TICK_LENGTH:a;return"tick"===i.mode&&"top"===i.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:a-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,a,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return r.appendChild(n),r}function yRegion(t,e,a,i){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":a+", "+n},x:0,y:0,width:a,height:n}),s=createSVG("text",{className:"chart-label",x:a-getStringWidth(i,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),h=slicedToArray(l,2),c=h[0],u=h[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":r,x:t,y:u-=s,width:a,height:c||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:a/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+i,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:a});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-a+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,a){return t[a]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",a);if(i.heatline){var o=makeGradient(n.svgDefs,a);s.style.stroke="url(#"+o+")"}var l={path:s};if(i.regionFill){var h=makeGradient(n.svgDefs,a,!0),c="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(c,"region-fill","none","url(#"+h+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var a=getColor(t),i=!1;"#"==a[0]&&(a=a.slice(1),i=!0);var n=parseInt(a,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(i?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,a,i){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return new Chart(a,{title:i.title,data:i.data,type:t,height:i.height,colors:n?i.colors:void 0})}}function animateSVGElement(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=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=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:c,to:u,begin:"0s",dur:a/1e3+"s",values:c+";"+u,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)h.setAttribute(p,d[p]);s.appendChild(h),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var a=[],i=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],a.push(s),i.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(a[i],t[0]),e[i][0]=a[i]}),n}function runSMILAnimation(t,e,a){if(0!==a.length){var i=animateSVG(e,a);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),a=t.getMonth()+1;return[(e>9?"":"0")+e,(a>9?"":"0")+a,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var a=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,a)),a]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=Math.ceil(t),i=Math.floor(e),n=a-i,r=n,s=1;n>5&&(n%2!=0&&(n=++a-i),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(i+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=normalize(t),i=slicedToArray(a,2),n=i[0],r=i[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var a=getChartIntervals(t),i=a[1]-a[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(i>=0&&n>=0)normalize(i)[1],r=a?getChartIntervals(i,n):getChartIntervals(i);else if(i>0&&n<0){var s=Math.abs(n);i>=s?(normalize(i)[1],r=e(i,s)):(normalize(s)[1],r=e(s,i).map(function(t){return-1*t}))}else if(i<=0&&n<=0){var o=Math.abs(n),l=Math.abs(i);normalize(o)[1],r=(r=a?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var a=Math.max.apply(Math,toConsumableArray(t)),i=1/(e-1),n=[],r=0;ra?r.slice(0,a):fillArray(r,a-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],a=arguments[2];return"line"===t?(a.type="line",new AxisChart(e,a)):"bar"===t?(a.type="bar",new AxisChart(e,a)):"axis-mixed"===t?(a.type="line",new AxisChart(e,a)):chartTypes[t]?new chartTypes[t](e,a):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function a(t,e){return new Promise(function(a,n){var o={key:t,arg:e,resolve:a,reject:n,next:null};s?s=s.next=o:(r=s=o,i(t,e))})}function i(a,r){try{var s=e[a](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?i(r.key,r.arg):s=null}var r,s;this._invoke=a,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var a=0;a\n\t\t\t\t
                      \n\t\t\t\t
                      '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,a){var i=t.colors[a]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+i},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,a=this.container.querySelector(".svg-pointer");if(this.left<0)a.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";a.style.left=i,this.left=e}else a.style.left="50%"}},{key:"set_values",value:function(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=a,this.title_value=i,this.list_values=n,this.x=t,this.y=e,this.title_value_first=r,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var a=t.cloneNode();return a.style.fill="#000000",a.style.opacity="0.4",e&&a.setAttribute("transform",e),a},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var a=t.cloneNode(),i=t.getAttribute("r");return a.setAttribute("r",i+DOT_OVERLAY_SIZE_INCR),a.style.fill="#000000",a.style.opacity="0.4",e&&a.setAttribute("transform",e),a}},updateOverlay={bar:function(t,e){var a=void 0;"rect"!==t.nodeName&&(a=t.getAttribute("transform"),t=t.childNodes[0]);var i=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),a&&e.setAttribute("transform",a)},dot:function(t,e){var a=void 0;"circle"!==t.nodeName&&(a=t.getAttribute("transform"),t=t.childNodes[0]);var i=["cx","cy"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),a&&e.setAttribute("transform",a)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,a){if(classCallCheck(this,t),this.rawChartArgs=a,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=a.title||"",this.subtitle=a.subtitle||"",this.argHeight=a.height||240,this.type=a.type||"",this.realData=this.prepareData(a.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:a.showLegend||1,isNavigable:a.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(a)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                      '+this.subtitle+'
                      \n\t\t\t\t
                      \n\t\t\t\t
                      '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),a&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(a)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var i=[];e.forEach(function(t){i=i.concat(t.update(a))}),i.length>0?(runSMILAnimation(this.chartWrapper,this.svg,i),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),PercentageChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.type="percentage",i.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.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this;this.grand_total=this.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],this.sliceTotals.map(function(e,a){var i=$.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[a],width:100*e/t.grand_total+"%"}});t.slices.push(i)})}},{key:"calc",value:function(){var t=this;this.sliceTotals=[];var e=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),a=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),a=e.slice(0,this.max_slices-1);var i=0;e.slice(this.max_slices-1).map(function(t){i+=t[0]}),a.push([i,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],a.map(function(e){t.sliceTotals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.sliceTotals.slice(0,this.max_legend_points)}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){}}]),e}(BaseChart),ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,PieChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.type="pie",i.elements_to_animate=null,i.hoverRadio=a.hoverRadio||.1,i.max_slices=10,i.max_legend_points=6,i.isAnimate=!1,i.startAngle=a.startAngle||0,i.clockWise=a.clockWise||!1,i.mouseMove=i.mouseMove.bind(i),i.mouseLeave=i.mouseLeave.bind(i),i.setup(),i}return inherits(e,t),createClass(e,[{key:"calc",value:function(){var t=this;this.centerX=this.width/2,this.centerY=this.height/2,this.radius=this.height>this.width?this.centerX:this.centerY,this.slice_totals=[];var e=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),a=e;if(e.length>this.max_slices){e.sort(function(t,e){return e[0]-t[0]}),a=e.slice(0,this.max_slices-1);var i=0;e.slice(this.max_slices-1).map(function(t){i+=t[0]}),a.push([i,"Rest"]),this.colors[this.max_slices-1]="grey"}this.labels=[],a.map(function(e){t.slice_totals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.slice_totals.slice(0,this.max_legend_points)}},{key:"makeArcPath",value:function(t,e){var a=this.centerX,i=this.centerY,n=this.radius,r=this.clockWise;return"M"+a+" "+i+" L"+(a+t.x)+" "+(i+t.y)+" A "+n+" "+n+" 0 0 "+(r?1:0)+" "+(a+e.x)+" "+(i+e.y)+" z"}},{key:"render",value:function(t){var a=this,i=this.radius,n=this.clockWise;this.grand_total=this.slice_totals.reduce(function(t,e){return t+e},0);var r=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.slice_totals.map(function(o,l){var h=s,c=o/a.grand_total*FULL_ANGLE,u=n?-c:c,d=s+=u,p=e.getPositionByAngle(h,i),f=e.getPositionByAngle(d,i),v=t&&r[l],g=void 0,m=void 0;t?(g=v?v.startPosition:p,m=v?v.endPosition:p):(g=p,m=f);var y=a.makeArcPath(g,m),_=makePath(y,"pie-path","none",a.colors[l]);_.style.transition="transform .3s;",a.drawArea.appendChild(_),a.slices.push(_),a.slicesProperties.push({startPosition:p,endPosition:f,value:o,total:a.grand_total,startAngle:h,endAngle:d,angle:u}),t&&a.elements_to_animate.push([{unit:_,array:a.slices,index:a.slices.length-1},{d:a.makeArcPath(p,f)},650,"easein",null,{d:y}])}),t&&runSMILAnimation(this.chartWrapper,this.svg,this.elements_to_animate)}},{key:"calTranslateByAngle",value:function(t){var a=this.radius,i=this.hoverRadio,n=e.getPositionByAngle(t.startAngle+t.angle/2,a);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,a,i){if(t){var n=this.colors[e];if(a){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=i.pageX-r.left+10,o=i.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",h=(100*this.slice_totals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,o,l,h+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,a=this.curActiveSliceIndex,i=this.curActiveSlice,n=0;n0?this.formatted_labels:this.labels;this.legend_totals.map(function(a,i){var n=t.colors[i];a&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e[i]+":\n\t\t\t\t\t"+a+"\n\t\t\t\t")})}}],[{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,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));i.type="heatmap",i.domain=a.domain||"",i.subdomain=a.subdomain||"",i.data=a.data||{},i.discrete_domains=a.discrete_domains||1,i.count_label=a.count_label||"";var n=new Date;i.start=a.start||addDays(n,365);var r=(a.legend_colors||[]).slice(0,5);return i.legend_colors=i.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],i.distribution_size=5,i.translateX=0,i.setup(),i}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var a=0;aa)break;v.getMonth()-t.getMonth()&&(i=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,i]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,a){var i=makeText("y-value-text",e+12,10,t.month_names[t.months[a]].substring(0,3));t.domainLabelGroup.appendChild(i)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var a=e.target.getAttribute("data-value"),i=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(i[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,h=s.top-r.top-(o+2)/2,c=a+" "+t.count_label,u=" on "+n+" "+i[0]+", "+i[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var a=e.layerClass,i=void 0===a?"":a,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=i,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return yLine(a,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateHoriLine(t,e[a],i[a])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return xLine(a,t.labels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateVertLine(t,e[a],i[a])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],i[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(a,i){return datasetBar(t.xPositions[i],a,t.barWidth,e.color,t.labels[i],i,t.offsets[i],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,a=t.xPositions,i=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,c=equilizeNoOfElements(s,a),u=slicedToArray(c,2);s=u[0],a=u[1];var d=equilizeNoOfElements(o,i),p=slicedToArray(d,2);o=p[0],i=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(h,r),m=slicedToArray(g,2);h=m[0],r=m[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(r,s){y=y.concat(animateBar(r,a[s],i[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine}),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(a,i){return datasetDot(t.xPositions[i],a,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,a=t.yPositions,i=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var h=equilizeNoOfElements(r,a),c=slicedToArray(h,2);r=c[0],a=c[1];var u=equilizeNoOfElements(s,i),d=slicedToArray(u,2);s=d[0],i=d[1],this.render({xPositions:n,yPositions:r,values:i,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return p=p.concat(animatePath(this.paths,e,a,t.zeroLine)),this.units.length&&this.units.map(function(t,i){p=p.concat(animateDot(t,e[i],a[i]))}),p}}},AxisChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.isSeries=a.isSeries,i.valuesOverPoints=a.valuesOverPoints,i.formatTooltipY=a.formatTooltipY,i.formatTooltipX=a.formatTooltipX,i.barOptions=a.barOptions||{},i.lineOptions=a.lineOptions||{},i.type=a.type||"line",i.xAxisMode=a.xAxisMode||"span",i.yAxisMode=a.yAxisMode||"span",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:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,a){return floatTwo(t.xOffset+a*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),a=this.height/getValueRange(e),i=getIntervalSize(e)*a,n=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*a}),scaleMultiplier:a,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,a){var i=t.values,n=t.cumulativeYs||[];return{name:t.name,index:a,chartType:t.chartType,values:i,yPositions:e(i),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,a){e.yPositions.map(function(e,a){e=0;r--){var s=a.xAxis.positions[r];if(t>s-a.unitWidth/2){var o=s+this.leftMargin,l=a.yExtremes[r]+this.translateY,h=this.data.datasets.map(function(t,a){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[a]}});this.tip.set_values(o,l,i[r],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var a=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](a),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var a=e.units[t.state.currentIndex];updateOverlay[e.type](a,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),console.log(t),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,a,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,a[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,a){return classCallCheck(this,t),getChartByType(a.type,e,a)};export default Chart; +function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,h=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(h)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),h=slicedToArray(l,2),c=h[0],u=h[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:c||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var h=makeGradient(n.svgDefs,i,!0),c="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(c,"region-fill","none","url(#"+h+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return new Chart(i,{title:a.title,data:a.data,type:t,height:a.height,colors:n?a.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,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=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=r[l]||t.getAttribute(l),u=e[l],d={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&&(d.type=n);for(var p in d)h.setAttribute(p,d[p]);s.appendChild(h),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                        \n\t\t\t\t
                        '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=n,this.x=t,this.y=e,this.title_value_first=r,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                        '+this.subtitle+'
                        \n\t\t\t\t
                        \n\t\t\t\t
                        '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.max_slices=10,a.max_legend_points=6,a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this;this.grand_total=this.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],this.sliceTotals.map(function(e,i){var a=$.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"calc",value:function(){var t=this;this.sliceTotals=[];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.sliceTotals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.sliceTotals.slice(0,this.max_legend_points)}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){}}]),e}(BaseChart),ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.elements_to_animate=null,a.hoverRadio=i.hoverRadio||.1,a.max_slices=10,a.max_legend_points=6,a.isAnimate=!1,a.startAngle=i.startAngle||0,a.clockWise=i.clockWise||!1,a.mouseMove=a.mouseMove.bind(a),a.mouseLeave=a.mouseLeave.bind(a),a.setup(),a}return inherits(e,t),createClass(e,[{key:"calc",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,r=this.clockWise;return"M"+i+" "+a+" L"+(i+t.x)+" "+(a+t.y)+" A "+n+" "+n+" 0 0 "+(r?1:0)+" "+(i+e.x)+" "+(a+e.y)+" z"}},{key:"render",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 r=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.slice_totals.map(function(o,l){var h=s,c=o/i.grand_total*FULL_ANGLE,u=n?-c:c,d=s+=u,p=e.getPositionByAngle(h,a),f=e.getPositionByAngle(d,a),v=t&&r[l],g=void 0,m=void 0;t?(g=v?v.startPosition:p,m=v?v.endPosition:p):(g=p,m=f);var y=i.makeArcPath(g,m),_=makePath(y,"pie-path","none",i.colors[l]);_.style.transition="transform .3s;",i.drawArea.appendChild(_),i.slices.push(_),i.slicesProperties.push({startPosition:p,endPosition:f,value:o,total:i.grand_total,startAngle:h,endAngle:d,angle:u}),t&&i.elements_to_animate.push([{unit:_,array:i.slices,index:i.slices.length-1},{d:i.makeArcPath(p,f)},650,"easein",null,{d:y}])}),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 r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",h=(100*this.slice_totals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,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;n0?this.formatted_labels:this.labels;this.legend_totals.map(function(i,a){var n=t.colors[a];i&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}],[{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,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discrete_domains=i.discrete_domains||1,a.count_label=i.count_label||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legend_colors||[]).slice(0,5);return a.legend_colors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,h=s.top-r.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){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,c=equilizeNoOfElements(s,i),u=slicedToArray(c,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(h,r),m=slicedToArray(g,2);h=m[0],r=m[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(r,s){y=y.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var h=equilizeNoOfElements(r,i),c=slicedToArray(h,2);r=c[0],i=c[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.set_values(o,l,a[r],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};export default Chart; diff --git a/dist/frappe-charts.min.iife.js b/dist/frappe-charts.min.iife.js index ef5c450..76bcc2f 100644 --- a/dist/frappe-charts.min.iife.js +++ b/dist/frappe-charts.min.iife.js @@ -1,2 +1,2 @@ -var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(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){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,wt,"translate",{transform:a}]}function u(t,e,i){return c(t,[i,0],[e,0],kt)}function d(t,e,i){return c(t,[0,i],[0,e],kt)}function p(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},kt,wt],c(t,[0,n],[0,i],kt)]}function f(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=l(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=gt(s,2),o=r[0],h=r[1];return h-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},bt,wt],c(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,h],kt)]:[[t,{width:n,height:o,x:e,y:h},bt,wt]]}function v(t,e,i){return"circle"!==t.nodeName?[c(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],kt)]:[[t,{cx:e,cy:i},bt,wt]]}function g(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},xt,wt];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},xt,wt];a.push(h)}return a}function y(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function m(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)y(a).appendChild(i);else if("around"===n){var s=y(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ct(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 b(t,e){return m("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function x(t,e,i,n){return m("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function k(t,e,i,n){return m("svg",{className:e,inside:t,width:i,height:n})}function _(t){return m("defs",{inside:t})}function w(t,e){return m("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function A(t){return m("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 D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=b(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),x(a,"0%",e,s[0]),x(a,"50%",e,s[1]),x(a,"100%",e,s[2]),n}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),m("rect",r)}function P(t,e,i,n){return m("text",{className:t,x:e,y:i,dy:Pt/2+"px","font-size":Pt+"px",innerHTML:n})}function T(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Tt);var s=m("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=m("text",{x:0,y:i>n?i+Mt:i-Mt-Pt,dy:Pt+"px","font-size":Pt+"px","text-anchor":"middle",innerHTML:e}),o=m("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Tt),a.lineType||(a.lineType="");var s=m("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=m("text",{x:i3&&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=Tt),n.className||(n.className="");var a=-1*Dt,s="span"===n.mode?i+Dt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Dt,s=i),a+=n.offset,s+=n.offset,C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Tt),n.className||(n.className="");var a=i+Dt,s="span"===n.mode?-1*Dt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Dt,s=0),T(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function O(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=m("text",{className:"chart-label",x:i-o(e,5)-Mt,y:0,dy:Pt/-2+"px","font-size":Pt+"px","text-anchor":"start",innerHTML:e+""}),s=C(t,"",0,i,{stroke:n.stroke||Tt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function E(t,e,i,n){var a=t-e,s=m("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Tt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=m("text",{className:"chart-label",x:i-o(n,4.5)-Mt,y:0,dy:Pt/-2+"px","font-size":Pt+"px","text-anchor":"start",innerHTML:n+""}),l=m("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function W(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},h=l(e,o.zeroLine),c=gt(h,2),u=c[0],d=c[1],p=m("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:u||o.minHeight});if(a||a.length){p.setAttribute("y",0),p.setAttribute("x",0);var f=m("text",{className:"data-point-value",x:i/2,y:0,dy:Pt/2*-1+"px","font-size":Pt+"px","text-anchor":"middle",innerHTML:a}),v=m("g",{transform:"translate("+t+", "+d+")"});return v.appendChild(p),v.appendChild(f),v}return p}function S(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=m("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=m("text",{className:"data-point-value",x:0,y:0,dy:Pt/2*-1-i+"px","font-size":Pt+"px","text-anchor":"middle",innerHTML:a}),o=m("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}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=e.map(function(e,i){return t[i]+","+e}).join("L"),r=A("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=D(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=A(c,"region-fill","none","url(#"+h+")")}return l}function j(t){return t>255?255:t<0?0:t}function Y(t,e){var i=Et(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=j((a>>16)+e),r=j((a>>8&255)+e),o=j((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function H(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function R(t,e,i,n){if(t!==e){Wt.includes(t)||console.error("'"+t+"' is not a valid chart type."),St[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=zt[e].includes(t);return new Ut(i,{title:n.title,data:n.data,type:t,height:n.height,colors:a?n.colors:void 0})}}function F(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:jt[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)h.setAttribute(p,d[p]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function G(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function I(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=F.apply(void 0,yt(t)),l=gt(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 B(t,e,i){if(0!==i.length){var n=I(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},_t)}}function X(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function q(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function U(t,e){return Math.ceil(V(t,e)/7)}function V(t,e){return(X(e)-X(t))/864e5}function J(t,e){t.setDate(t.getDate()+e)}function K(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 $(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 Q(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=K(t),n=gt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=$(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function Z(t){function e(t,e){for(var i=Q(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,yt(t)),a=Math.min.apply(Math,yt(t)),s=[];if(n>=0&&a>=0)K(n)[1],s=i?Q(n,a):Q(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(K(n)[1],s=e(n,r)):(K(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);K(o)[1],s=(s=i?Q(o,l):Q(o)).reverse().map(function(t){return-1*t})}return s}function tt(t){var e=et(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 et(t){return t[1]-t[0]}function it(t){return t[t.length-1]-t[0]}function nt(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function at(t,e){for(var i=Math.max.apply(Math,yt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(At.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Xt(e,i)):"bar"===t?(i.type="bar",new Xt(e,i)):"axis-mixed"===t?(i.type="line",new Xt(e,i)):qt[t]?new qt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ct="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},ut=(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")}),dt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                          \n\t\t\t\t
                          '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",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:''+(0===i.value||i.value?i.value:"")+"\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}(),bt=350,xt=350,kt=bt,_t=250,wt="easein",At=["line","bar"],Dt=6,Mt=4,Pt=10,Tt="#dadada",Ct={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},Nt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Lt={"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"},Ot=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],Et=function(t){return Lt[t]||t},Wt=["line","scatter","bar","percentage","heatmap","pie"],St={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:[]},zt={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},jt={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,i){if(ut(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return dt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                          '+this.subtitle+'
                          \n\t\t\t\t
                          \n\t\t\t\t
                          '}),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 mt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(B(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=k(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=_(this.svg),this.drawArea=w(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return R(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Ht=function(e){function i(t,e){ut(this,i);var n=vt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.max_slices=10,n.max_legend_points=6,n.setup(),n}return ft(i,e),dt(i,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this;this.grand_total=this.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],this.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"calc",value:function(){var t=this;this.sliceTotals=[];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.sliceTotals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.sliceTotals.slice(0,this.max_legend_points)}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){}}]),i}(Yt),Rt=Math.PI/180,Ft=function(i){function n(t,e){ut(this,n);var i=vt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="pie",i.elements_to_animate=null,i.hoverRadio=e.hoverRadio||.1,i.max_slices=10,i.max_legend_points=6,i.isAnimate=!1,i.startAngle=e.startAngle||0,i.clockWise=e.clockWise||!1,i.mouseMove=i.mouseMove.bind(i),i.mouseLeave=i.mouseLeave.bind(i),i.setup(),i}return ft(n,i),dt(n,[{key:"calc",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:"render",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,d=r+=u,p=n.getPositionByAngle(h,i),f=n.getPositionByAngle(d,i),v=t&&s[l],g=void 0,y=void 0;t?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=e.makeArcPath(g,y),b=A(m,"pie-path","none",e.colors[l]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:p,endPosition:f,value:o,total:e.grand_total,startAngle:h,endAngle:d,angle:u}),t&&e.elements_to_animate.push([{unit:b,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(p,f)},650,"easein",null,{d:m}])}),t&&B(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){G(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=Y(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 G(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;a0?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='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+n+"\n\t\t\t\t")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*Rt)*e,y:Math.cos(t*Rt)*e}}}]),n}(Yt),Gt=function(t){function e(t,i){ut(this,e);var n=vt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discrete_domains=i.discrete_domains||1,n.count_label=i.count_label||"";var a=new Date;n.start=i.start||J(a,365);var s=(i.legend_colors||[]).slice(0,5);return n.legend_colors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return ft(e,t),dt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){H(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){pt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&J(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&J(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=U(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){pt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=w(this.drawArea,"domain-label-group chart-label"),this.dataGroups=w(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=at(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)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=P("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){pt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Yt),It=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;ut(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return dt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=w(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Bt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return N(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=gt(s,2);n=r[0],e=r[1];var o=h(a,i),l=gt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(i,t.labels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=gt(s,2);n=r[0],e=r[1];var o=h(a,i),l=gt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return u(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return O(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=gt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return E(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=gt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(p(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return W(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,u=h(r,i),d=gt(u,2);r=d[0],i=d[1];var p=h(o,n),v=gt(p,2);o=v[0],n=v[1];var g=h(l,a),y=gt(g,2);l=y[0],a=y[1];var m=h(c,s),b=gt(m,2);c=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(f(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths=z(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine}),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return S(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=gt(o,2);a=l[0],e=l[1];var c=h(s,i),u=gt(c,2);s=u[0],i=u[1];var d=h(r,n),p=gt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return f=f.concat(g(this.paths,e,i,t.zeroLine)),this.units.length&&this.units.map(function(t,n){f=f.concat(v(t,e[n],i[n]))}),f}}},Xt=function(t){function i(t,e){ut(this,i);var n=vt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.isSeries=e.isSeries,n.valuesOverPoints=e.valuesOverPoints,n.formatTooltipY=e.formatTooltipY,n.formatTooltipX=e.formatTooltipX,n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.xAxisMode=e.xAxisMode||"span",n.yAxisMode=e.yAxisMode||"span",n.setup(),n}return ft(i,t),dt(i,[{key:"configure",value:function(t){pt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"setMargins",value:function(){pt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return rt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ot(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=Z(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/it(e),n=et(e)*i,a=this.height-tt(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return nt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=Ct[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Nt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),console.log(t),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;pt(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;pt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Yt),qt={percentage:Ht,heatmap:Gt,pie:Ft},Ut=function t(e,i){return ut(this,t),ht(i.type,e,i)};return Ut}(); +var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(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){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,At,"translate",{transform:a}]}function u(t,e,i){return c(t,[i,0],[e,0],_t)}function d(t,e,i){return c(t,[0,i],[0,e],_t)}function p(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},_t,At],c(t,[0,n],[0,i],_t)]}function f(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=l(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=yt(s,2),o=r[0],h=r[1];return h-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},xt,At],c(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,h],_t)]:[[t,{width:n,height:o,x:e,y:h},xt,At]]}function v(t,e,i){return"circle"!==t.nodeName?[c(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],_t)]:[[t,{cx:e,cy:i},xt,At]]}function g(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},kt,At];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},kt,At];a.push(h)}return a}function y(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function m(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)y(a).appendChild(i);else if("around"===n){var s=y(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ut(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 b(t,e){return m("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function x(t,e,i,n){return m("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function k(t,e,i,n){return m("svg",{className:e,inside:t,width:i,height:n})}function _(t){return m("defs",{inside:t})}function w(t,e){return m("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function A(t){return m("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 D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=b(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),x(a,"0%",e,s[0]),x(a,"50%",e,s[1]),x(a,"100%",e,s[2]),n}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),m("rect",r)}function M(t,e,i,n){return m("text",{className:t,x:e,y:i,dy:Ot/2+"px","font-size":Ot+"px",innerHTML:n})}function T(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Ct);var s=m("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=m("text",{x:0,y:i>n?i+Tt:i-Tt-Ot,dy:Ot+"px","font-size":Ot+"px","text-anchor":"middle",innerHTML:e}),o=m("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Ct),a.lineType||(a.lineType="");var s=m("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=m("text",{x:i3&&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=Ct),n.className||(n.className="");var a=-1*Mt,s="span"===n.mode?i+Mt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Mt,s=i),a+=n.offset,s+=n.offset,O(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Ct),n.className||(n.className="");var a=i+Mt,s="span"===n.mode?-1*Mt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Mt,s=0),T(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function N(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=m("text",{className:"chart-label",x:i-o(e,5)-Tt,y:0,dy:Ot/-2+"px","font-size":Ot+"px","text-anchor":"start",innerHTML:e+""}),s=O(t,"",0,i,{stroke:n.stroke||Ct,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function E(t,e,i,n){var a=t-e,s=m("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Ct,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=m("text",{className:"chart-label",x:i-o(n,4.5)-Tt,y:0,dy:Ot/-2+"px","font-size":Ot+"px","text-anchor":"start",innerHTML:n+""}),l=m("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function W(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},h=l(e,o.zeroLine),c=yt(h,2),u=c[0],d=c[1],p=m("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:u||o.minHeight});if(a||a.length){p.setAttribute("y",0),p.setAttribute("x",0);var f=m("text",{className:"data-point-value",x:i/2,y:0,dy:Ot/2*-1+"px","font-size":Ot+"px","text-anchor":"middle",innerHTML:a}),v=m("g",{transform:"translate("+t+", "+d+")"});return v.appendChild(p),v.appendChild(f),v}return p}function S(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=m("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=m("text",{className:"data-point-value",x:0,y:0,dy:Ot/2*-1-i+"px","font-size":Ot+"px","text-anchor":"middle",innerHTML:a}),o=m("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}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=e.map(function(e,i){return t[i]+","+e}).join("L"),r=A("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=D(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=A(c,"region-fill","none","url(#"+h+")")}return l}function j(t){return t>255?255:t<0?0:t}function Y(t,e){var i=St(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=j((a>>16)+e),r=j((a>>8&255)+e),o=j((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function H(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function R(t,e,i,n){if(t!==e){zt.includes(t)||console.error("'"+t+"' is not a valid chart type."),jt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Yt[e].includes(t);return new Jt(i,{title:n.title,data:n.data,type:t,height:n.height,colors:a?n.colors:void 0})}}function F(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:Ht[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)h.setAttribute(p,d[p]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function I(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function G(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=F.apply(void 0,mt(t)),l=yt(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 B(t,e,i){if(0!==i.length){var n=G(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},wt)}}function X(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function q(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function U(t,e){return Math.ceil(V(t,e)/7)}function V(t,e){return(X(e)-X(t))/864e5}function J(t,e){t.setDate(t.getDate()+e)}function K(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 $(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 Q(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=K(t),n=yt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=$(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function Z(t){function e(t,e){for(var i=Q(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,mt(t)),a=Math.min.apply(Math,mt(t)),s=[];if(n>=0&&a>=0)K(n)[1],s=i?Q(n,a):Q(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(K(n)[1],s=e(n,r)):(K(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);K(o)[1],s=(s=i?Q(o,l):Q(o)).reverse().map(function(t){return-1*t})}return s}function tt(t){var e=et(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 et(t){return t[1]-t[0]}function it(t){return t[t.length-1]-t[0]}function nt(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function at(t,e){for(var i=Math.max.apply(Math,mt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(Dt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Pt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ht(t,e,i){var n=Object.keys(qt).filter(function(e){return t.includes(e)}),a=qt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Xt(a)}function ct(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Ut(e,i)):"bar"===t?(i.type="bar",new Ut(e,i)):"axis-mixed"===t?(i.type="line",new Ut(e,i)):Vt[t]?new Vt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ut="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},dt=(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")}),pt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                            \n\t\t\t\t
                            '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",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:''+(0===i.value||i.value?i.value:"")+"\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}(),xt=350,kt=350,_t=xt,wt=250,At="easein",Dt=["line","bar"],Pt=8,Mt=6,Tt=4,Ot=10,Ct="#dadada",Lt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},Nt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Et={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},Wt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],St=function(t){return Et[t]||t},zt=["line","scatter","bar","percentage","heatmap","pie"],jt={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:[]},Yt={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},Ht={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"},Rt=function(){function e(t,i){if(dt(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return pt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                            '+this.subtitle+'
                            \n\t\t\t\t
                            \n\t\t\t\t
                            '}),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 bt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(B(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=k(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=_(this.svg),this.drawArea=w(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return R(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Ft=function(e){function i(t,e){dt(this,i);var n=gt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.max_slices=10,n.max_legend_points=6,n.setup(),n}return vt(i,e),pt(i,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this;this.grand_total=this.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],this.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"calc",value:function(){var t=this;this.sliceTotals=[];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.sliceTotals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.sliceTotals.slice(0,this.max_legend_points)}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){}}]),i}(Rt),It=Math.PI/180,Gt=function(i){function n(t,e){dt(this,n);var i=gt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="pie",i.elements_to_animate=null,i.hoverRadio=e.hoverRadio||.1,i.max_slices=10,i.max_legend_points=6,i.isAnimate=!1,i.startAngle=e.startAngle||0,i.clockWise=e.clockWise||!1,i.mouseMove=i.mouseMove.bind(i),i.mouseLeave=i.mouseLeave.bind(i),i.setup(),i}return vt(n,i),pt(n,[{key:"calc",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:"render",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,d=r+=u,p=n.getPositionByAngle(h,i),f=n.getPositionByAngle(d,i),v=t&&s[l],g=void 0,y=void 0;t?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=e.makeArcPath(g,y),b=A(m,"pie-path","none",e.colors[l]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:p,endPosition:f,value:o,total:e.grand_total,startAngle:h,endAngle:d,angle:u}),t&&e.elements_to_animate.push([{unit:b,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(p,f)},650,"easein",null,{d:m}])}),t&&B(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){I(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=Y(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 I(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;a0?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='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+n+"\n\t\t\t\t")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*It)*e,y:Math.cos(t*It)*e}}}]),n}(Rt),Bt=function(t){function e(t,i){dt(this,e);var n=gt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discrete_domains=i.discrete_domains||1,n.count_label=i.count_label||"";var a=new Date;n.start=i.start||J(a,365);var s=(i.legend_colors||[]).slice(0,5);return n.legend_colors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return vt(e,t),pt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){H(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){ft(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&J(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&J(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=U(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){ft(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=w(this.drawArea,"domain-label-group chart-label"),this.dataGroups=w(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=at(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){ft(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Rt),Xt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;dt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return pt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=w(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),qt={yAxis:{layerClass:"y axis",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=yt(s,2);n=r[0],e=r[1];var o=h(a,i),l=yt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=h(n,e),r=yt(s,2);n=r[0],e=r[1];var o=h(a,i),l=yt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return u(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return N(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=yt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return E(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=yt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(p(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return W(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,u=h(r,i),d=yt(u,2);r=d[0],i=d[1];var p=h(o,n),v=yt(p,2);o=v[0],n=v[1];var g=h(l,a),y=yt(g,2);l=y[0],a=y[1];var m=h(c,s),b=yt(m,2);c=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(f(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=z(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return S(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=yt(o,2);a=l[0],e=l[1];var c=h(s,i),u=yt(c,2);s=u[0],i=u[1];var d=h(r,n),p=yt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(g(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(v(t,e[n],i[n]))}),f}}},Ut=function(t){function i(t,e){dt(this,i);var n=gt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return vt(i,t),pt(i,[{key:"configure",value:function(t){ft(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){ft(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return rt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ot(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=Z(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/it(e),n=et(e)*i,a=this.height-tt(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return nt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=Lt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Nt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;ft(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;ft(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Rt),Vt={percentage:Ft,heatmap:Bt,pie:Gt},Jt=function t(e,i){return dt(this,t),ct(i.type,e,i)};return Jt}(); //# sourceMappingURL=frappe-charts.min.iife.js.map diff --git a/dist/frappe-charts.min.iife.js.map b/dist/frappe-charts.min.iife.js.map index b12a0da..375612d 100644 --- a/dist/frappe-charts.min.iife.js.map +++ b/dist/frappe-charts.min.iife.js.map @@ -1 +1 @@ -{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/animate.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/config.js","../src/js/utils/animation.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/charts/axis-chart-utils.js","../src/js/objects/ChartComponents.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n\n// let char_width = 8;\n// let allowed_space = avgUnitWidth * 1.5;\n// let allowed_letters = allowed_space / 8;\n\n// return values.map((value, i) => {\n// \tlet space_taken = getStringWidth(value, char_width) + 2;\n// \tif(space_taken > allowed_space) {\n// \t\tif(isSeries) {\n// \t\t\t// Skip some axis lines if X axis is a series\n// \t\t\tlet skips = 1;\n// \t\t\twhile((space_taken/skips)*2 > allowed_space) {\n// \t\t\t\tskips++;\n// \t\t\t}\n// \t\t\tif(i % skips !== 0) {\n// \t\t\t\treturn;\n// \t\t\t}\n// \t\t} else {\n// \t\t\tvalue = value.slice(0, allowed_letters-3) + \" ...\";\n// \t\t}\n// \t}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\treturn new Chart(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","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t\tyRegions: [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t],\n\t\tyMarkers: [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t]\n\t};\n\n\treturn zeroData;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.labels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\n\t\t\tthis.paths = getPaths(\n\t\t\t\tdata.xPositions,\n\t\t\t\tdata.yPositions,\n\t\t\t\tc.color,\n\t\t\t\t{\n\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t}\n\t\t\t)\n\n\t\t\tthis.units = []\n\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                              \n\t\t\t\t
                              `\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 = `${this.title_value}${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}${this.title_value}`;\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: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                              ${this.title}
                              \n\t\t\t\t
                              ${this.subtitle}
                              \n\t\t\t\t
                              \n\t\t\t\t
                              `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, 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.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tthis.grand_total = this.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tcalc() {\n\t\tthis.sliceTotals = [];\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.sliceTotals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.sliceTotals.slice(0, this.max_legend_points);\n\t}\n\n\tbindTooltip() {\n\t\t// this.slices.map((slice, i) => {\n\t\t// \tslice.addEventListener('mouseenter', () => {\n\t\t// \t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t// \t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t// \t\tlet y = p_off.top - g_off.top - 6;\n\t\t// \t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t// \t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t// \t\tlet percent = (this.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t// \t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t// \t\tthis.tip.show_tip();\n\t\t// \t});\n\t\t// });\n\t}\n\n\trenderLegend() {\n\t\t// let x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t// \t? this.formatted_labels : this.labels;\n\t\t// this.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 = `\n\t\t// \t\t\t\n\t\t// \t\t\t${x_values[i]}:\n\t\t// \t\t\t${d}\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';\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(parent, args) {\n\t\tsuper(parent, 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\tcalc() {\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\trender(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\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.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 = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\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(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name = this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep } from './axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\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.setup();\n\t}\n\n\tconfigure(args) {3\n\t\tsuper.configure();\n\t\tthis.config.xAxisMode = args.xAxisMode;\n\t\tthis.config.yAxisMode = args.yAxisMode;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions(s=this.state) {\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t}\n\t\t\t],\n\t\t];\n\n\t\tcomponentConfigs.map(args => {\n\t\t\targs.push(\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state[args[0]];\n\t\t\t\t}.bind(this)\n\t\t\t);\n\t\t});\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\t// console.log('barDatasets', barDatasets, this.state.datasets);\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t}\n\t\t\t]\n\t\t];\n\n\t\tmarkerConfigs.map(args => {\n\t\t\targs.push(\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state[args[0]];\n\t\t\t\t}.bind(this)\n\t\t\t);\n\t\t});\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tconsole.log(index);\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\n\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","radius","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","Chart","title","colors","undefined","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","this","hide_tip","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","makeTooltip","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","sliceTotals","reduce","a","slices","total","all_totals","totals","sort","sum_of_others","legend_totals","ANGLE_RATIO","PI","PieChart","elements_to_animate","hoverRadio","isAnimate","startAngle","clockWise","mouseMove","mouseLeave","centerX","centerY","slice_totals","startPosition","endPosition","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","_this3","diffAngle","endAngle","getPositionByAngle","prevProperty","curStart","curEnd","curPath","makeArcPath","transition","property","position","angle","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","set_values","show_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","x_values","sin","cos","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideDots","valuesOverPoints","newValues","isSeries","formatTooltipY","formatTooltipX","barOptions","lineOptions","xAxisMode","yAxisMode","calcXPositions","calcYAxisParameters","getAllYValues","s","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","yMarkers","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","log","getDataPoint","datasetValues","splice"],"mappings":"iCAAO,SAASA,GAAEC,EAAMC,SACA,gBAATD,IAAoBC,GAAOC,UAAUC,cAAcH,GAAQA,GAAQ,KA4ClF,QAAgBI,GAAUC,MACrBC,GAAOD,EAAQE,mCAKbD,EAAKE,KAAON,SAASO,gBAAgBC,WAAaR,SAASS,KAAKD,gBAC/DJ,EAAKM,MAAQV,SAASO,gBAAgBI,YAAcX,SAASS,KAAKE,aAI1E,QAAgBC,GAAoBC,MAE/BT,GAAOS,EAAGR,8BAGbD,GAAKE,KAAO,GACNF,EAAKM,MAAQ,GACbN,EAAKU,SAAWC,OAAOC,aAAehB,SAASO,gBAAgBU,iBAC1DC,QAAUH,OAAOI,YAAcnB,SAASO,gBAAgBa,aAIrE,QAAgBC,GAAuBlB,MAClCmB,GAASP,OAAOQ,iBAAiBpB,GACjCqB,EAAUC,WAAWH,EAAOI,aAC/BD,WAAWH,EAAOK,oBAEZxB,GAAQiB,YAAcI,EA2B9B,QAAgBI,GAAKC,EAAQC,EAAMC,MAC9BC,GAAMhC,SAASiC,YAAY,gBAE3BC,UAAUJ,GAAM,GAAM,OAErB,GAAIK,KAAKJ,KACTI,GAAKJ,EAAWI,SAGdN,GAAOO,cAAcJ,GCzG7B,QAAgBK,GAASC,SACjBb,YAAWa,EAAEC,QAAQ,IAyC7B,QAAgBC,GAAUC,EAAOC,EAAOvC,MAASwC,0DAC5CxC,OACOwC,EAAQF,EAAM,GAAKA,EAAMA,EAAMG,OAAS,OAE/CC,GAAc,GAAIC,OAAMC,KAAKC,IAAIN,IAAQO,KAAK9C,YAC1CwC,EAAQE,EAAYK,OAAOT,GAASA,EAAMS,OAAOL,GAS1D,QAAgBM,GAAeC,EAAQC,UAC9BD,EAAO,IAAIR,OAASS,EC3DtB,QAASC,GAAqBC,EAAMC,MACtCC,UAAQC,eACRH,IAAQC,KACFA,EAAWD,IAChBA,MAEKA,EAAOC,IACZA,IAGGC,EAAQC,GAGjB,QAAgBC,GAAqBC,EAAQC,MAC5CC,0DAAYD,EAAOjB,OAASgB,EAAOhB,aAGhCkB,GAAc,IACPtB,EAAUoB,EAAQE,KAElBtB,EAAUqB,EAAQC,IAEpBF,EAAQC,GCfjB,QAAgBE,GAAUC,EAAMC,EAAUC,EAAUC,MAC/CC,GAA0B,gBAAbH,GAAwBA,EAAWA,EAASI,KAAK,aAEjEL,GACCM,UAAWJ,EAASG,KAAK,OAC1BF,EACAI,GACA,aACCD,UAAWF,IAId,QAAgBI,GAAkBC,EAAOC,EAAMC,SACvCZ,GAAUU,GAAQE,EAAM,IAAKD,EAAM,GAAIE,IAG/C,QAAgBC,GAAkBC,EAAOC,EAAMC,SACvCjB,GAAUe,GAAQ,EAAGE,IAAQ,EAAGD,GAAOH,IAG/C,QAAgBK,GAAcC,EAAWC,EAAOC,EAAOC,MAClDC,GAAYH,EAAQC,EACpBhF,EAAO8E,EAAUK,WAAW,WAG/BnF,GACEqD,OAAQ6B,EAAWE,mBAHVpF,EAAKqF,aAAa,cAGyBH,GACtDV,GACAL,IAGeR,EAAUmB,GAAY,EAAGG,IAAS,EAAGD,GAAQR,KAI9D,QAAgBc,GAAWC,EAAKC,EAAGrC,EAAMsC,MAAOC,0DAAO,IACpCxC,EAAqBC,8DAAWC,oBAA7CC,OAAQC,iBACRoC,EACe,SAAjBH,EAAII,WACKJ,EAAIJ,WAAW,IAGxBM,MAAOA,EAAOpC,OAAQA,GACvBuC,GACAzB,IAIeR,EAAU4B,EADRA,EAAIF,aAAa,aAAaQ,MAAM,KAAK,GAAGC,MAAM,GAAI,IAC3BN,EAAGlC,GAAIkB,OAG3Ce,GAAME,MAAOA,EAAOpC,OAAQA,EAAQmC,EAAGA,EAAGlC,EAAGA,GAAIsC,GAAezB,KAK3E,QAAgB4B,GAAWC,EAAKR,EAAGlC,SACd,WAAjB0C,EAAIL,UAEUhC,EAAUqC,EADRA,EAAIX,aAAa,aAAaQ,MAAM,KAAK,GAAGC,MAAM,GAAI,IAC3BN,EAAGlC,GAAIkB,OAG3CwB,GAAMC,GAAIT,EAAGU,GAAI5C,GAAIsC,GAAezB,KAK/C,QAAgBgC,GAAYC,EAAOC,EAAUC,EAAUlD,MAClDmD,MAGAC,EADYF,EAASG,IAAI,SAACnD,EAAGoD,SAAOL,GAASK,GAAK,IAAMpD,IACpCW,KAAK,KAEvB0C,GAAYP,EAAMQ,MAAO1E,EAAE,IAAIsE,GAAUK,GAAe1C,SAC/C2C,KAAKH,GAEjBP,EAAMW,OAAQ,IACZC,GAAgBX,EAAS,OAAMjD,MAC/B6D,MAAeZ,EAASP,OAAO,GAAG,QAAO1C,EAEvC8D,GACLd,EAAMW,QACL7E,EAAE,IAAM8E,EAAaR,EAAUS,GAChCJ,GACA1C,MAEc2C,KAAKI,SAGdX,GCzFR,QAES9G,GAAEC,EAAMC,SACO,gBAATD,IAAoBC,GAAOC,UAAUC,cAAcH,GAAQA,GAAQ,KAGlF,QAAgByH,GAAUC,EAAKC,MAC1BtH,GAAUH,SAAS0H,gBAAgB,6BAA8BF,OAEhE,GAAIV,KAAKW,GAAG,IACZE,GAAMF,EAAEX,MAEF,WAANA,IACDa,GAAKC,YAAYzH,OAEf,IAAU,WAAN2G,EAAgB,IACpBe,GAAMhI,EAAE8H,KACRG,WAAWC,aAAa5H,EAAS0H,KAC7BD,YAAYC,OAEJ,WAANf,EACQ,qBAARa,iBAAAA,YACFK,KAAKL,GAAKd,IAAI,cACZoB,MAAMC,GAAQP,EAAIO,MAInB,cAANpB,MAAyB,SACnB,cAANA,IACF,YAAyBa,IAEjBQ,aAAarB,EAAGa,UAKpBxH,GAGR,QAASiI,GAAuBC,EAAYC,SACpCf,GAAU,yBACRc,KACJC,KACA,KACA,KACA,KACA,IAIN,QAASC,GAAgBC,EAAU1C,EAAQ2C,EAAOC,SAC1CnB,GAAU,eACNiB,uBACcC,SACd3C,iBACM4C,IAIlB,QAAgBC,GAAiBC,EAAQC,EAAWhD,EAAOpC,SACnD8D,GAAU,iBACLsB,SACHD,QACD/C,SACCpC,IAIV,QAAgBqF,GAAYC,SACpBxB,GAAU,eACRwB,IAIV,QAAgBC,GAAaJ,EAAQC,SAC7BtB,GAAU,eACLsB,SACHD,mEAHgD,KAgB1D,QAAgBK,GAASrC,SACjBW,GAAU,yEAD0B,KAGvCX,wEAHkD,mEAAa,UAWpE,QAAgBsC,GAAab,EAAYI,MAAOU,2DAC3Cb,EAAY,sBAA6BG,EAAQ,KAAMU,EAAU,UAAY,WAC7EC,EAAchB,EAAuBC,EAAYC,GACjDe,GAAa,EAAG,GAAK,UACtBF,QACW,GAAK,GAAK,MAGRC,EAAa,KAAMX,EAAOY,EAAU,MACpCD,EAAa,MAAOX,EAAOY,EAAU,MACrCD,EAAa,OAAQX,EAAOY,EAAU,IAE/Cf,EAGR,QAAgBgB,GAAeT,EAAWjD,EAAGlC,EAAG6F,MAAMtG,0DAAK,OAAQuG,4DAC9DC,aACQZ,IACRjD,IACAlC,QACI6F,SACCA,OACFtG,iBAGA+E,KAAKwB,GAAM3C,IAAI,cAChB6C,GAAOF,EAAKE,KAGXnC,EAAU,OAAQkC,GAG1B,QAAgBE,GAASd,EAAWjD,EAAGlC,EAAGkG,SAClCrC,GAAU,kBACLsB,IACRjD,IACAlC,KACEmG,GAAY,EAAK,iBACTA,GAAY,eACdD,IAIb,QAASE,GAAalE,EAAGmE,EAAOC,EAAIC,MAAIC,4DACnCA,GAAQC,SAAQD,EAAQC,OAASC,OACjCC,GAAI9C,EAAU,kBACN,iBAAmB2C,EAAQrB,aAClC,KACA,KACAmB,KACAC,iBAEKC,EAAQC,UAIdG,EAAO/C,EAAU,UACjB,IACAyC,EAAKC,EAAKD,EAAKO,GAAeP,EAAKO,GAAeV,MACjDA,GAAY,iBACHA,GAAY,mBACV,mBACJE,IAGRS,EAAOjD,EAAU,4BACK3B,oBAGrBgC,YAAYyC,KACZzC,YAAY0C,GAEVE,EAGR,QAASC,GAAa/G,EAAGqG,EAAOW,EAAIC,MAAIT,4DACnCA,GAAQC,SAAQD,EAAQC,OAASC,IACjCF,EAAQU,WAAUV,EAAQU,SAAW,OAIrCP,GAAI9C,EAAU,kBAHF,mBAAqB2C,EAAQrB,WACtB,WAArBqB,EAAQU,SAAwB,SAAU,OAIvCF,KACAC,KACA,KACA,iBAEKT,EAAQC,UAIdG,EAAO/C,EAAU,UACjBmD,EAAKC,EAAKD,EAAKH,GAAeG,EAAKH,KACnC,KACEV,GAAY,EAAI,EAAK,iBACbA,GAAY,mBACVa,EAAKC,EAAK,MAAQ,kBACtBZ,EAAM,KAGdS,EAAOjD,EAAU,+BACO7D,uBACT,UAGP,KAAT4G,GAAuB,MAATA,MACXrC,MAAMkC,OAAS,2BAGhBvC,YAAYyC,KACZzC,YAAY0C,GAEVE,EAGR,QAAgB1F,GAAMpB,EAAGqG,EAAOlE,MAAOqE,4DAClCA,GAAQW,MAAKX,EAAQW,IAAM,QAC3BX,EAAQpE,SAAQoE,EAAQpE,OAAS,GACjCoE,EAAQY,OAAMZ,EAAQY,KAAO,QAC7BZ,EAAQC,SAAQD,EAAQC,OAASC,IACjCF,EAAQrB,YAAWqB,EAAQrB,UAAY,OAEvC6B,IAAM,EAAIK,GACVJ,EAAsB,SAAjBT,EAAQY,KAAkBjF,EAAQkF,GAAmB,QAE1C,SAAjBb,EAAQY,MAAmC,UAAhBZ,EAAQW,QAChChF,EAAQkF,KACRlF,MAKAqE,EAAQpE,UACRoE,EAAQpE,OAEP2E,EAAa/G,EAAGqG,EAAOW,EAAIC,UACzBT,EAAQC,iBACLD,EAAQrB,mBACTqB,EAAQU,WAIpB,QAAgBnG,GAAMmB,EAAGmE,EAAOtG,MAAQyG,4DACnCA,GAAQW,MAAKX,EAAQW,IAAM,UAC3BX,EAAQpE,SAAQoE,EAAQpE,OAAS,GACjCoE,EAAQY,OAAMZ,EAAQY,KAAO,QAC7BZ,EAAQC,SAAQD,EAAQC,OAASC,IACjCF,EAAQrB,YAAWqB,EAAQrB,UAAY,OAavCmB,GAAKvG,EAASsH,GACdd,EAAsB,SAAjBC,EAAQY,MAAmB,EAAIC,GAAmBtH,QAEvC,SAAjByG,EAAQY,MAAmC,QAAhBZ,EAAQW,SAE/B,EAAIE,KACL,GAGCjB,EAAalE,EAAGmE,EAAOC,EAAIC,UACzBC,EAAQC,iBACLD,EAAQrB,mBACTqB,EAAQU,WAIpB,QAAgBI,GAAQtH,EAAGqG,EAAOlE,MAAOqE,6DACpCe,EAAW1D,EAAU,kBACb,gBACR1B,EAAQ1C,EAAe4G,EAAO,GAAKQ,KACnC,KACEV,IAAa,EAAK,iBACVA,GAAY,mBACV,kBACJE,EAAM,KAGdS,EAAOC,EAAa/G,EAAG,GAAI,EAAGmC,UACzBqE,EAAQC,QAAUC,aACfF,EAAQrB,WAAa,YACtBqB,EAAQU,oBAGdhD,YAAYqD,GAEVT,EAGR,QAAgBU,GAAQlB,EAAIC,EAAIpE,EAAOkE,MAElCtG,GAASuG,EAAKC,EAEd7J,EAAOmH,EAAU,6EAIX6C,sBACevE,OAAUpC,KAG/B,IACA,QACIoC,SACCpC,IAGLwH,EAAW1D,EAAU,kBACb,gBACR1B,EAAQ1C,EAAe4G,EAAO,KAAOQ,KACrC,KACEV,IAAa,EAAK,iBACVA,GAAY,mBACV,kBACJE,EAAM,KAGd5C,EAASI,EAAU,+BACK0C,iBAGrBrC,YAAYxH,KACZwH,YAAYqD,GAEZ9D,EAGR,QAAgBgE,GAAWvF,EAAGrC,EAAMsC,EAAO4C,MAAOsB,0DAAM,GAAIqB,yDAAM,EAAGtF,yDAAO,EAAGuF,8DAC5D/H,EAAqBC,EAAM8H,EAAK7H,oBAA7CC,OAAQC,OAGTtD,EAAOmH,EAAU,4CAEJkB,qBACI2C,IACjBxF,OANCE,QAQGD,SACCpC,GAAU4H,EAAKC,eAGpBvB,GAAUA,EAAMnH,OAEb,GACDuF,aAAa,IAAK,KAClBA,aAAa,IAAK,MACnBmC,GAAO/C,EAAU,kBACT,qBACR1B,EAAM,IACN,KACEgE,GAAY,GAAK,EAAK,iBACdA,GAAY,mBACV,mBACJE,IAGRwB,EAAQhE,EAAU,4BACG3B,OAAMlC,iBAEzBkE,YAAYxH,KACZwH,YAAY0C,GAEXiB,QApBAnL,GAwBT,QAAgBoL,GAAW5F,EAAGlC,EAAG+H,EAAQhD,MAAOsB,0DAAM,GACjD3D,EAAMmB,EAAU,yBACHkB,4EAF8C,KAI1D7C,KACAlC,IACD+H,OAGA1B,GAAUA,EAAMnH,OAEb,GACFuF,aAAa,KAAM,KACnBA,aAAa,KAAM,MAEnBmC,GAAO/C,EAAU,kBACT,qBACR,IACA,KACEsC,GAAY,GAAK,EAAI4B,EAAU,iBACvB5B,GAAY,mBACV,mBACJE,IAGRwB,EAAQhE,EAAU,4BACG3B,OAAMlC,iBAEzBkE,YAAYxB,KACZwB,YAAY0C,GAEXiB,QArBAnF,GAyBT,QAAgBsF,GAASC,EAAOC,EAAOnD,MAAOyB,6DAAYmB,4DAErDQ,EADaD,EAAM/E,IAAI,SAACnD,EAAGoD,SAAO6E,GAAM7E,GAAK,IAAMpD,IAC5BW,KAAK,KAC5B2C,EAAOiC,EAAS,IAAI4C,EAAW,kBAAmBpD,MAGnDyB,EAAQ4B,SAAU,IAChBC,GAAc7C,EAAamC,EAAKW,QAASvD,KACxCR,MAAMkC,eAAiB4B,SAGzBvF,SACGQ,EAIP,IAAGkD,EAAQ+B,WAAY,IAClBC,GAAqBhD,EAAamC,EAAKW,QAASvD,GAAO,GAGvD7B,EAAU,IAAS+E,EAAM,OAAMN,EAAK7H,aAAcqI,MAAgBF,EAAMzF,OAAO,GAAG,OAAMmF,EAAK7H,WAC3F2D,OAAS8B,EAASrC,gBAAwB,eAAgBsF,aAG1D1F,GCzaR,QAAS2F,GAAWC,SACfA,GAAI,IAAY,IACXA,EAAI,EAAU,EAChBA,EAGR,QAAgBC,GAAmB5D,EAAO6D,MACrCC,GAAMC,GAAS/D,GACfgE,GAAW,CACD,MAAVF,EAAI,OACDA,EAAIrG,MAAM,MACL,MAERwG,GAAMC,SAASJ,EAAI,IACnBH,EAAID,GAAYO,GAAO,IAAMJ,GAC7BM,EAAIT,GAAaO,GAAO,EAAK,KAAUJ,GACvCO,EAAIV,GAAkB,IAANO,GAAkBJ,UAC9BG,EAAS,IAAI,KAAOI,EAAKD,GAAK,EAAMR,GAAK,IAAKU,SAAS,IAGhE,QAAgBC,GAAa3J,8CAEgB4J,KAAK5J,GCnBlD,QAAgB6J,GAAkBnL,EAAMoL,EAActE,EAAQa,MAC1D3H,IAASoL,GAERC,GAAgBC,SAAStL,YACpBuL,UAAUvL,kCAGfwL,GAAkBJ,GAAcE,SAAStL,YACpCuL,UAAUH,uCAAiDpL,iBAI9DyL,GAAWC,GAAwBN,GAAcE,SAAStL,SAKzD,IAAI2L,IAAM7E,SACTa,EAAKiE,WACNjE,EAAKD,UACL1H,SACE2H,EAAKhG,cACL8J,EAAW9D,EAAKkE,WAASC,MChCnC,QAASC,GAAkB1N,EAAS2N,EAAOC,MAAKC,0DAAW,SAAUlM,6DAAK8L,GAAWK,4DAEhFC,EAAc/N,EAAQgO,WAAU,GAChCC,EAAajO,EAAQgO,WAAU,OAE/B,GAAIE,KAAiBP,GAAO,IAC3BQ,YACiB,cAAlBD,EACerO,SAAS0H,gBAAgB,6BAA8B,oBAEvD1H,SAAS0H,gBAAgB,6BAA8B,cAErE6G,GAAeN,EAAUI,IAAkBlO,EAAQsF,aAAa4I,GAChEG,EAAQV,EAAMO,GAEdI,iBACYJ,OACTE,KACFC,QACG,SACFT,EAAI,IAAO,WACRQ,EAAe,IAAMC,aACjBE,GAAOV,YACT,eACA,cACJ,SAGJlM,OACF,KAAmBA,OAGf,GAAIgF,KAAK2H,KACEtG,aAAarB,EAAG2H,EAAS3H,MAG7Bc,YAAY0G,GAErBxM,IACSqG,aAAakG,eAA4BG,SAEzCrG,aAAakG,EAAeG,UAIjCN,EAAaE,GAGtB,QAAgB9J,GAAUnE,EAAS8H,KAC1BA,MAAM3D,UAAY2D,IAClBA,MAAM0G,gBAAkB1G,IACxBA,MAAM2G,YAAc3G,IACpBA,MAAM4G,aAAe5G,IACrBA,MAAM6G,WAAa7G,EAG5B,QAAS8G,GAAWhG,EAAciG,MAC7BC,MACAC,OAEKrI,IAAI,eACR7C,GAAO7D,EAAQ,GACfyI,EAAS5E,EAAK8D,WAEdoG,SAAaE,WAET,GAAKpK,QACe6J,kBAAqB1N,8BAErC+G,KAAKkH,KACJlH,MAAMgH,EAAatF,MAEzBuG,aAAajB,EAAalK,QAG9BoL,GAAUrG,EAAaoF,WAAU,YAExBtH,IAAI,SAACqH,EAAapH,KAClB,GAAGqI,aAAaF,EAAYnI,GAAIoH,EAAY,MAC/CpH,GAAG,GAAKmI,EAAYnI,KAGvBsI,EAGR,QAAgBC,GAAiBzG,EAAQ0G,EAAYC,MACpB,IAA7BA,EAAkB3M,WAEjB4M,GAAiBT,EAAWO,EAAYC,EACzCD,GAAWxH,YAAcc,MACpB6G,YAAYH,KACZ1H,YAAY4H,eAKT,WACPA,EAAe1H,YAAcc,MACxB6G,YAAYD,KACZ5H,YAAY0H,KAElBI,KC/GJ,QAASC,GAAWC,MACfC,GAAS,GAAIC,MAAKF,YACfG,WAAWF,EAAOG,aAAeH,EAAOI,qBACxCJ,EAGR,QAAgBK,GAAYC,MACvBC,GAAKD,EAAKE,UACVC,EAAKH,EAAKI,WAAa,UAEzBH,EAAG,EAAI,GAAK,KAAOA,GACnBE,EAAG,EAAI,GAAK,KAAOA,EACpBH,EAAKK,eACJnM,KAAK,KAGR,QAAgBoM,GAAgBC,EAAcC,SACtC5N,MAAK6N,KAAKC,EAAeH,EAAcC,GAAc,GAG7D,QAAgBE,GAAeH,EAAcC,UAEpChB,EAAWgB,GAAchB,EAAWe,IADnB,MAK1B,QAAgBI,GAAQX,EAAMY,KACxBC,QAAQb,EAAKE,UAAYU,oBCvBvB,IAAJnL,SACM,EAAG,MAETqL,MAAMrL,UACAsL,UAAW,iBAAkBC,SAAU,QAE5CC,GAAMxL,EAAI,EAAI,GAAK,MACnByL,SAASzL,UACJsL,SAAgB,iBAANE,EAAwBD,SAAU,OAGjDpO,KAAKC,IAAI4C,MACT0L,GAAMvO,KAAKwO,MAAMxO,KAAKyO,MAAM5L,WAGxBwL,GAFExL,EAAE7C,KAAK0O,IAAI,GAAIH,IAENA,GAGpB,QAASI,GAAuBC,MAAKC,0DAAI,EACpCC,EAAa9O,KAAK6N,KAAKe,GACvBG,EAAa/O,KAAKwO,MAAMK,GACxBG,EAAQF,EAAaC,EAErBE,EAAYD,EACZE,EAAW,CAGZF,GAAQ,IACPA,EAAQ,GAAM,UAGKD,KAEVC,EAAM,IACP,GAITA,GAAS,MAEAA,KADC,IAKA,IAAVA,MACU,IACD,OAIR,GADAG,MACIpL,EAAI,EAAGA,GAAKkL,EAAWlL,MACpBI,KAAK4K,EAAaG,EAAWnL,SAEjCoL,GAGR,QAASC,GAAkBC,MAAUC,0DAAS,IACZC,EAAUF,aAAtCG,OAAgBpB,OACjBqB,EAAiBH,EAAWA,EAAStP,KAAK0O,IAAI,GAAIN,GAAW,EAK7De,EAAYR,IAFCa,EAAehQ,QAAQ,GAEeiQ,YAC3CN,EAAUrL,IAAI,kBAAS2H,GAAQzL,KAAK0O,IAAI,GAAIN,KAIzD,QAAgBsB,GAAmBC,WAYzBC,GAA0BP,EAAUQ,OAOxC,GANAV,GAAYC,EAAkBC,GAE9BS,EAAeX,EAAU,GAAKA,EAAU,GAGxC1D,EAAQ,EACJ1H,EAAI,EAAG0H,EAAQoE,EAAa9L,OAC1B+L,IACCC,SAAU,EAAKtE,SAEnB0D,MAvBkCa,2DAMtCX,EAAWrP,KAAK4O,kBAAOe,IACvBL,EAAWtP,KAAK6O,kBAAOc,IAGTR,QAkBfE,GAAY,GAAKC,GAAY,EACpBC,EAAUF,GAAU,KAC3BW,EAGSZ,EAAkBC,EAAUC,GAF5BF,EAAkBC,OAQ3B,IAAGA,EAAW,GAAKC,EAAW,EAAG,IAOjCO,GAAc7P,KAAKC,IAAIqP,EAExBD,IAAYQ,GACHN,EAAUF,GAAU,KACnBO,EAA0BP,EAAUQ,KAGrCN,EAAUM,GAAa,KACfD,EAA0BC,EAAaR,GACjCvL,IAAI,mBAAW,EAANvE,SAO/B,IAAG8P,GAAY,GAAKC,GAAY,EAAG,IAInCW,GAAiBjQ,KAAKC,IAAIqP,GAC1BY,EAAiBlQ,KAAKC,IAAIoP,EAEnBE,GAAUU,GAAgB,QACjCD,EAGSZ,EAAkBa,EAAgBC,GAFlCd,EAAkBa,IAKTE,UAAUrM,IAAI,mBAAW,EAANvE,UAGnC4P,GAGR,QAAgBiB,IAAaC,MAExBC,GAAWC,GAAgBF,SAC5BA,GAAKG,QAAQ,IAAM,EAGTH,EAAKG,QAAQ,GAChBH,EAAK,GAAK,GAIL,EADJA,EAAK,GACUC,GAKX,EADJD,EAAKA,EAAKxQ,OAAS,GACJyQ,GAAYD,EAAKxQ,OAAS,GAiBrD,QAAgB0Q,IAAgBE,SACxBA,GAAa,GAAKA,EAAa,GAGvC,QAAgBC,IAAcD,SACtBA,GAAaA,EAAa5Q,OAAO,GAAK4Q,EAAa,GAG3D,QAAgBE,IAAM/L,EAAKgM,SACnBtR,GAASsR,EAAMnQ,SAAWmE,EAAMgM,EAAMC,iBAG9C,QAAgBC,IAAiBnB,EAAQoB,OASpC,GALAC,GAAehR,KAAK4O,kBAAOe,IAE3BsB,EAAmB,GAAKF,EAAmB,GAC3CG,KAEInN,EAAI,EAAGA,EAAIgN,EAAkBhN,IAAK,IACrCoN,GAAaH,GAAgBC,EAAmBlN,KACvCI,KAAKgN,SAGZD,GAGR,QAAgBE,IAAiB3F,EAAOyF,SAChCA,GAAaG,OAAO,kBAAK9R,GAAIkM,IAAO5L,OCzNrC,QAASyR,IAAS7K,EAAM1H,KACzBwS,OAAS9K,EAAK8K,cAEfC,GAAgB/K,EAAK8K,OAAO1R,OAG5B4R,EAAWhL,EAAKgL,SAChBC,EAAY,GAAI3R,OAAMyR,GAAetR,KAAK,SAC1CuR,gBAGMC,OAID5N,IAAI,SAACvE,EAAGwE,MAEZxE,EAAEoQ,OAEC,IAEFgC,GAAOpS,EAAEoQ,YACNgC,EAAK7N,IAAI,kBAASoK,OAAMtJ,GAAa,EAANA,KAG9B/E,OAAS2R,EACTG,EAAKxO,MAAM,EAAGqO,GAEd/R,EAAUkS,EAAMH,EAAgBG,EAAK9R,OAAQ,UAVnD8P,OAAS+B,CAkBRnS,GAAEqS,YACDC,GAAyBxH,SAAStL,KACpC6S,UAAY7S,KASb0H,EAAKqL,YACFA,SAAShO,IAAI,eACdvE,EAAEwS,IAAMxS,EAAEK,MAAO,QACCL,EAAEwS,IAAKxS,EAAEK,SAA1BA,aAASmS,YAKRtL,EAGR,QAAgBuL,IAAaC,MACxBT,GAAgBS,EAASV,OAAO1R,OAChC6R,EAAY,GAAI3R,OAAMyR,GAAetR,KAAK,iBAGrC+R,EAASV,OAAOpO,MAAM,GAAI,YACxB8O,EAASR,SAAS3N,IAAI,wBAExB,UACE4N,EAAUvO,MAAM,GAAI,aACjB5D,EAAEqS,8BAKN,MACF,QACE,sBAKA,QACA,MCkQX,QAAgBM,IAAaC,EAAMC,EAAWC,MACzCpN,GAAOqN,OAAOrN,KAAKsN,IAAkBlB,OAAO,kBAAKc,GAAK9H,SAASmI,KAC/DC,EAASF,GAAiBtN,EAAK,kBAC5ByN,OAAOD,aACFL,UACFC,IAEH,GAAIM,IAAeF,GC9U3B,QAASG,SAAehB,0DAAY,OAAQ/L,eAAQsB,qBAClC,SAAdyK,KACM7S,KAAO,OACR,GAAI8T,IAAUhN,EAAQsB,IACL,QAAdyK,KACF7S,KAAO,MACR,GAAI8T,IAAUhN,EAAQsB,IACL,eAAdyK,KACF7S,KAAO,OACR,GAAI8T,IAAUhN,EAAQsB,IAGzB2L,GAAWlB,GAKT,GAAIkB,IAAWlB,GAAW/L,EAAQsB,gBAJhCmD,MAAM,yBAA2BsH,w1NZd3C9U,GAAEiW,OAAS,SAACtO,EAAKC,MACZtH,GAAUH,SAAS+V,cAAcvO,OAEhC,GAAIV,KAAKW,GAAG,IACZE,GAAMF,EAAEX,MAEF,WAANA,IACDa,GAAKC,YAAYzH,OAEf,IAAU,WAAN2G,EAAgB,IACpBe,GAAMhI,EAAE8H,KACRG,WAAWC,aAAa5H,EAAS0H,KAC7BD,YAAYC,OAEJ,WAANf,EACQ,qBAARa,iBAAAA,YACFK,KAAKL,GAAKd,IAAI,cACZoB,MAAMC,GAAQP,EAAIO,KAGlBpB,IAAK3G,KACP2G,GAAKa,IAGLQ,aAAarB,EAAGa,SAInBxH,OaxCa6V,qCAEnBpN,OAAAA,aAAS,WACT+E,OAAAA,kCAEK/E,OAASA,OACT+E,OAASA,OACTsI,WAAa,QACbC,YAAc,QACdC,oBACAC,kBAAoB,OAEpBxQ,EAAI,OACJlC,EAAI,OAEJpD,IAAM,OACNI,KAAO,OAEP2V,wDAIAC,sDAIArT,YACAsT,uEAKAC,UAAY3W,EAAEiW,OAAO,cACjBW,KAAK7N,iBACF,8JAKP8N,gBAEAhJ,MAAQ+I,KAAKD,UAAUvW,cAAc,eACrC0W,gBAAkBF,KAAKD,UAAUvW,cAAc,yBAE/C2I,OAAOgO,iBAAiB,aAAc,aACrCF,uDAKFhJ,WACD+I,KAAKL,6BACYK,KAAKP,wBAAuBO,KAAKR,WAEzCQ,KAAKR,sBAAqBQ,KAAKP,6BAEtCxI,MAAMmJ,UAAYnJ,OAClBiJ,gBAAgBE,UAAY,QAE5BV,YAAYtP,IAAI,SAACiQ,EAAKhQ,MACpB2B,GAAQsO,EAAKpJ,OAAO7G,IAAM,QAE5BkQ,EAAKnX,EAAEiW,OAAO,wCAEWrN,iDAEiC,IAAdqO,EAAItI,OAAesI,EAAItI,MAAQsI,EAAItI,MAAQ,6BACvFsI,EAAIpJ,MAAQoJ,EAAIpJ,MAAQ,QAGvBiJ,gBAAgB/O,YAAYoP,gDAK9BnR,GAAQ4Q,KAAKD,UAAUS,iBAEtB3W,IAAMmW,KAAK/S,EAAI+S,KAAKD,UAAUU,kBAC9BxW,KAAO+V,KAAK7Q,EAAIC,EAAM,KACvBsR,GAAWV,KAAK7N,OAAOqO,YAAcpR,EAErCuR,EAAUX,KAAKD,UAAUvW,cAAc,mBAExCwW,KAAK/V,KAAO,IACNuH,MAAMvH,oBAAsB,EAAI+V,KAAK/V,gBACxCA,KAAO,MACN,IAAG+V,KAAK/V,KAAOyW,EAAU,IAE3BE,kBADQZ,KAAK/V,KAAOyW,WAEhBlP,MAAMvH,KAAO2W,OAEhB3W,KAAOyW,SAEJlP,MAAMvH,8CAILkF,EAAGlC,MAAGuS,0DAAa,GAAIC,yDAAc,GAAIC,4DAAkBC,yDAAoB,OACpFH,WAAaA,OACbC,YAAcA,OACdC,YAAcA,OACdvQ,EAAIA,OACJlC,EAAIA,OACJ0S,kBAAoBA,OACpBkB,kDAIAd,UAAUvO,MAAM3H,IAAM,WACtBkW,UAAUvO,MAAMvH,KAAO,WACvB8V,UAAUvO,MAAMS,QAAU,4CAI1B8N,UAAUvO,MAAM3H,IAAMmW,KAAKnW,IAAM,UACjCkW,UAAUvO,MAAMvH,KAAO+V,KAAK/V,KAAO,UACnC8V,UAAUvO,MAAMS,QAAU,gBVpHJ,IAChBzB,GAAgB,IAChBrC,GAAuBoB,GACvB0J,GAAsB,IAEtBnL,GAAa,SWGbqQ,IAA4B,OAAQ,OVL3C7J,GAAmB,EACnBR,GAAe,EACRV,GAAY,GACnBO,GAAkB,UAwbbmN,QACH,SAACvT,MACHwT,SACiB,UAAlBxT,EAAK+B,aACU/B,EAAKyB,aAAa,eAC5BzB,EAAKuB,WAAW,OAEpBkS,GAAUzT,EAAKmK,qBACXlG,MAAMhF,KAAO,YACbgF,MAAMS,QAAU,MAErB8O,KACMrP,aAAa,YAAaqP,GAE5BC,OAGD,SAACzT,MACHwT,SACiB,YAAlBxT,EAAK+B,aACU/B,EAAKyB,aAAa,eAC5BzB,EAAKuB,WAAW,OAEpBkS,GAAUzT,EAAKmK,YACf1C,EAASzH,EAAKyB,aAAa,cACvB0C,aAAa,IAAKsD,EUzcS,KV0c3BxD,MAAMhF,KAAO,YACbgF,MAAMS,QAAU,MAErB8O,KACMrP,aAAa,YAAaqP,GAE5BC,IAIEC,QACH,SAAC1T,EAAMyT,MACTD,SACiB,UAAlBxT,EAAK+B,aACU/B,EAAKyB,aAAa,eAC5BzB,EAAKuB,WAAW,OAEpBoS,IAAc,IAAK,IAAK,QAAS,iBAC9BjF,OAAO1O,EAAK2T,YAClBvD,OAAO,kBAAQuD,GAAWvK,SAASwK,EAAK1C,OAAS0C,EAAKC,YACtDhR,IAAI,cACIsB,aAAayP,EAAK1C,KAAM0C,EAAKE,aAGnCN,KACMrP,aAAa,YAAaqP,QAI7B,SAACxT,EAAMyT,MACTD,SACiB,YAAlBxT,EAAK+B,aACU/B,EAAKyB,aAAa,eAC5BzB,EAAKuB,WAAW,OAEpBoS,IAAc,KAAM,aACjBjF,OAAO1O,EAAK2T,YAClBvD,OAAO,kBAAQuD,GAAWvK,SAASwK,EAAK1C,OAAS0C,EAAKC,YACtDhR,IAAI,cACIsB,aAAayP,EAAK1C,KAAM0C,EAAKE,aAGnCN,KACMrP,aAAa,YAAaqP,KCrgB/BO,iBACS,eACN,iBACE,cACH,iBACG,iBACA,gBACD,wBACM,iBACL,kBACC,gBACF,eACD,uBACM,sBACD,WAGDC,IAAkB,aAAc,OAAQ,SAAU,MAAO,SACrE,SAAU,QAAS,cAAe,SAAU,WA2BhCxL,GAAW,SAAC/D,SACjBsP,IAAiBtP,IAAUA,GC5C7B0E,IAAmB,OAAQ,UAAW,MAAO,aAAc,UAAW,OAEtEG,SACC,OAAQ,UAAW,aAAc,aAChC,UAAW,MAAO,aAAc,YACjC,OAAQ,UAAW,aAAc,gBAC7B,OAAQ,MAAO,aAAc,mBAC1B,MAAO,OAAQ,UAAW,mBAKlCE,SACC,OAAQ,iBACP,UAAW,YACZ,uBACI,OAAQ,mBACL,mBCfRkB,SACC,yBACE,iBAEA,wBACC,uBACE,iBQASuJ,yBACRrP,EAAQsB,sBACdgO,aAAehO,OAEftB,OAA2B,gBAAXA,GAAsB5I,SAASC,cAAc2I,GAAUA,IACtE6N,KAAK7N,iBAAkBuP,mBACtB,IAAIC,OAAM,uDAGZ1K,MAAQxD,EAAQwD,OAAS,QACzB2K,SAAWnO,EAAQmO,UAAY,QAC/BC,UAAYpO,EAAQzG,QAAU,SAC9B3B,KAAOoI,EAAQpI,MAAQ,QAEvBkT,SAAWyB,KAAK8B,YAAYrO,EAAQV,WACpCA,KAAOiN,KAAK+B,iBAAiB/B,KAAKzB,eAClCrH,eACA6H,oBACS,aACDtL,EAAQuO,YAAc,cACrBvO,EAAQwO,aAAe,UAC3B,QAELC,cACAzO,WAEFuM,KAAKjB,OAAOkD,mBACTE,kBAGDC,UAAU3O,gDAGNT,mBACJqP,iBACAC,oBAGEnC,iBAAiB,SAAU,iBAAMoC,GAAKC,MAAK,YAC3CrC,iBAAiB,oBAAqB,iBAAMoC,GAAKC,MAAK,4CAIzDxP,GAAOgN,KAAKyB,aAGVgB,EAAqB,eAAdzP,EAAK3H,MAAuC,QAAd2H,EAAK3H,KAC7C2H,EAAKD,KAAK8K,OACV7K,EAAKD,KAAKgL,UAET/K,EAAKkE,QAAWuL,GAAQzP,EAAKkE,OAAO/K,OAASsW,EAAKtW,YAChD+K,OAASqK,QAETrK,OAASlE,EAAKkE,YAGfA,OAAS8I,KAAK9I,OAAO9G,IAAI,kBAAS2F,IAAS/D,6CAI5ChF,GAASgT,KAAK6B,eACba,WAAa1V,OACbA,OAASA,EDxE6B,QCyEtC2V,WDxE+B,QC2E/BC,WD1E+B,QC2E/BC,YD1EgC,6CC8E9B,kCAIJ7C,KAAK8C,iBACFC,+CAKDC,qBACAC,mBAEAT,MAAK,GAAO,kDAIZU,WAAa,GAAIC,kDAIjBpD,UAAY3W,EAAEiW,OAAO,iBACd,iDACqBW,KAAK/I,wDACF+I,KAAK4B,8HAMpCzP,OAAOiO,UAAY,QACnBjO,OAAOhB,YAAY6O,KAAKD,gBAExBqD,aAAepD,KAAKD,UAAUvW,cAAc,sBAC5C6Z,aAAerD,KAAKD,UAAUvW,cAAc,qEAI5C8Z,IAAM,GAAI/D,YACNS,KAAKoD,oBACLpD,KAAK9I,cAETqM,+FAKDC,0DAAuBC,+DACtBC,iBACAC,KAAKH,QACLI,qBACAC,uBAEAX,WAAWY,QAAQ,kBAAKC,GAAEnE,MAAMU,EAAK0D,iBAErCC,OAAOjE,KAAKkD,YAAY,GAE1BO,SACG1Q,KAAOiN,KAAKzB,oBACN,aAAY2F,UDtIe,WCyIlCC,oBACAC,gBAAgBX,4CAIhBY,UAAYzZ,EAAuBoV,KAAK7N,aACxC/C,MAAQ4Q,KAAKqE,WAAarE,KAAK4C,WAAa5C,KAAK6C,iDAGhD9P,0DAAKiN,KAAKjN,UACXA,KAAOiN,KAAK8B,YAAY/O,QACxB4Q,YACAM,6GAGWjE,KAAKjN,8GAIAiN,KAAKjN,iFAMpBmQ,yDAAWlD,KAAKkD,WAAYoB,4DAC/BtE,MAAKjB,OAAOkD,kBAETE,SAAS/R,IAAI,kBAAKY,GAAEK,WAAW2H,YAAYhI,QAG7C8H,QAEOgL,QAAQ,cACEhL,EAAkBrM,OAAOsX,EAAEG,OAAOI,MAEpDxL,EAAkB3M,OAAS,KACZ6T,KAAKoD,aAAcpD,KAAKuE,IAAKzL,cACnC,aACCgL,QAAQ,kBAAKC,GAAES,WACrBC,aDhLiC,SCmL5BX,QAAQ,kBAAKC,GAAES,cACrBC,iDAKHzE,KAAKjB,OAAOkD,mBAERnB,mBACA4D,qDAQJ1E,KAAKuE,UACFnB,aAAapK,YAAYgH,KAAKuE,UAE/BA,IAAMrS,EACV8N,KAAKoD,aACL,QACApD,KAAKqE,UACLrE,KAAK0C,iBAEDnN,QAAUlD,EAAY2N,KAAKuE,UAS3BP,SAAWzR,EACfyN,KAAKuE,IACLvE,KAAK3U,KAAO,sBACC2U,KAAK4C,gBAAe5C,KAAK2C,6GAMxBc,yDACXzD,MAAKjB,OAAOkD,aAEbwB,SACGkB,mBAEAC,eACE5E,KAAK6E,WAAWC,KAAK9E,SACrBA,KAAK+E,YAAYD,KAAK9E,SACtBA,KAAKgF,UAAUF,KAAK9E,SACpBA,KAAKiF,aAAaH,KAAK9E,SACvBA,KAAKkF,YAAYJ,KAAK9E,gBAGpBG,iBAAiB,UAAW,SAACgF,GAClChb,EAAoBib,EAAKhC,kBACvB+B,GAAK7a,OAAO+a,MACbD,EAAKR,WAAWO,EAAEG,YACfV,WAAWO,EAAEG,gcAmBHC,0CAENC,EAAS7Q,uCACZ6Q,EAAS7Q,oFAGLoJ,4CAEC0H,yCACHA,yFAGKpa,SACVmL,GAAkBnL,EAAM2U,KAAK3U,KAAM2U,KAAK7N,OAAQ6N,KAAKyB,uBCrRzCiE,0BACRvT,EAAQa,8EACbb,EAAQa,aACT3H,KAAO,eAEPsa,WAAa,KACbC,kBAAoB,IAEpBhG,0EAIAwD,aAAahR,WAAa,2BAC1BgR,aAAa5R,MAAMqU,UAAY,YAE/BxC,aAAajR,WAAa,2BAC1BiR,aAAa7R,MAAMsU,aAAe,YAClCzC,aAAa7R,MAAMuU,WAAa,WAEhCxB,IAAMnb,EAAEiW,OAAO,iBACR,aACHW,KAAKoD,oBAGT4C,MAAQ5c,EAAEiW,OAAO,iBACV,wBACHW,KAAKuE,WAGT0B,cAAgB7c,EAAEiW,OAAO,iBAClB,kBACHW,KAAKgG,yDAKTE,YAAclG,KAAKmG,YAAYC,OAAO,SAACC,EAAGlQ,SAAMkQ,GAAIlQ,GAAG,QACvDmQ,eACAH,YAAY/V,IAAI,SAACmW,EAAOlW,MACxBZ,GAAQrG,EAAEiW,OAAO,uCAEZiB,EAAK2F,iCAEA3F,EAAKpJ,OAAO7G,SACX,IAANkW,EAAUjG,EAAK4F,YAAc,SAGjCI,OAAO7V,KAAKhB,oDAKb0W,kBACDK,GAAaxG,KAAKjN,KAAK8K,OAAOzN,IAAI,SAACvE,EAAGwE,MACrCkW,GAAQ,WACPxT,KAAKgL,SAAS3N,IAAI,eACb+U,EAAElJ,OAAO5L,MAEXkW,EAAO1a,KACb8R,OAAO,kBAAc9R,GAAE,GAAK,IAE3B4a,EAASD,KAEVA,EAAWra,OAAS6T,KAAK2F,WAAY,GAC5Be,KAAK,SAACL,EAAGlQ,SAAeA,GAAE,GAAKkQ,EAAE,OAEnCG,EAAW/W,MAAM,EAAGuQ,KAAK2F,WAAW,MAGzCgB,GAAgB,CAFPH,GAAW/W,MAAMuQ,KAAK2F,WAAW,GAGvCvV,IAAI,eAAuBvE,EAAE,OAE7B4E,MAAMkW,EAAe,cAEvBzP,OAAO8I,KAAK2F,WAAW,GAAK,YAG7B9H,YACEzN,IAAI,cACL+V,YAAY1V,KAAK5E,EAAE,MACnBgS,OAAOpN,KAAK5E,EAAE,WAGf+a,cAAgB5G,KAAKmG,YAAY1W,MAAM,EAAGuQ,KAAK4F,yGAnFTpE,ICEvCqF,GAAcva,KAAKwa,GAAK,IAGTC,0BACR5U,EAAQa,8EACbb,EAAQa,aACT3H,KAAO,QACP2b,oBAAsB,OACtBC,WAAajU,EAAKiU,YAAc,KAChCtB,WAAa,KACbC,kBAAoB,IACpBsB,WAAY,IACZC,WAAanU,EAAKmU,YAAc,IAChCC,UAAYpU,EAAKoU,YAAa,IAC9BC,UAAY9E,EAAK8E,UAAUvC,UAC3BwC,WAAa/E,EAAK+E,WAAWxC,UAC7BlF,4EAGA2H,QAAUvH,KAAK5Q,MAAQ,OACvBoY,QAAUxH,KAAKhT,OAAS,OACxBgI,OAAUgL,KAAKhT,OAASgT,KAAK5Q,MAAQ4Q,KAAKuH,QAAUvH,KAAKwH,aACzDC,mBACDjB,GAAaxG,KAAKjN,KAAK8K,OAAOzN,IAAI,SAACvE,EAAGwE,MACrCkW,GAAQ,WACPxT,KAAKgL,SAAS3N,IAAI,eACb+U,EAAElJ,OAAO5L,MAEXkW,EAAO1a,KACb8R,OAAO,kBAAc9R,GAAE,GAAK,IAE3B4a,EAASD,KAEVA,EAAWra,OAAS6T,KAAK2F,WAAY,GAC5Be,KAAK,SAACL,EAAGlQ,SAAeA,GAAE,GAAKkQ,EAAE,OAEnCG,EAAW/W,MAAM,EAAGuQ,KAAK2F,WAAW,MAGzCgB,GAAgB,CAFPH,GAAW/W,MAAMuQ,KAAK2F,WAAW,GAGvCvV,IAAI,eAAuBvE,EAAE,OAE7B4E,MAAMkW,EAAe,cAEvBzP,OAAO8I,KAAK2F,WAAW,GAAK,YAG7B9H,YACEzN,IAAI,cACLqX,aAAahX,KAAK5E,EAAE,MACpBgS,OAAOpN,KAAK5E,EAAE,WAGf+a,cAAgB5G,KAAKyH,aAAahY,MAAM,EAAGuQ,KAAK4F,uDAS1C8B,EAAcC,MACnBJ,GAAoCvH,KAApCuH,QAAQC,EAA4BxH,KAA5BwH,QAAQxS,EAAoBgL,KAApBhL,OAAOoS,EAAapH,KAAboH,oBAClBG,MAAWC,QAAYD,EAAQG,EAAcvY,QAAKqY,EAAQE,EAAcza,SAAO+H,MAAUA,WAAcoS,EAAY,EAAI,QAAKG,EAAQI,EAAYxY,QAAKqY,EAAQG,EAAY1a,uCAE9KwW,cACAzO,EAAoBgL,KAApBhL,OAAOoS,EAAapH,KAAboH,eACRlB,YAAclG,KAAKyH,aAAarB,OAAO,SAACC,EAAGlQ,SAAMkQ,GAAIlQ,GAAG,MACvDyR,GAAuB5H,KAAK6H,0BAC7BvB,eACAU,4BACAa,uBACDC,GAAW,IAAM9H,KAAKmH,gBACrBM,aAAarX,IAAI,SAACmW,EAAOlW,MACvB8W,GAAaW,EACbC,EAAmBxB,EAAQyB,EAAK9B,YA3EtB,IA4EV+B,EAAYb,GAAaW,EAAkBA,EAC3CG,EAAWJ,GAAsBG,EACjCP,EAAgBX,EAASoB,mBAAmBhB,EAAWnS,GACvD2S,EAAcZ,EAASoB,mBAAmBD,EAASlT,GACnDoT,EAAe3E,GAAQmE,EAAqBvX,GAC9CgY,SAASC,QACV7E,MACS2E,EAAaA,EAAaV,cAAgBA,IAC5CU,EAAcA,EAAaT,YAAcD,MAEvCA,IACFC,MAEJY,GAAUP,EAAKQ,YAAYH,EAASC,GACtC7Y,EAAQ+C,EAAS+V,EAAS,WAAY,OAAQP,EAAK9Q,OAAO7G,MACxDmB,MAAMiX,WAAa,mBACpBzE,SAAS7S,YAAY1B,KAErB6W,OAAO7V,KAAKhB,KACZoY,iBAAiBpX,0CAGd8V,QACAyB,EAAK9B,0CAGN+B,IAEJxE,KACGuD,oBAAoBvW,OAAOlD,KAAMkC,EAAOzD,MAAOgc,EAAK1B,OAAQ3R,MAAOqT,EAAK1B,OAAOna,OAAS,IAC3FN,EAAEmc,EAAKQ,YAAYd,EAAcC,IAClC,IAAK,SAAS,QACXY,OAKH9E,KACezD,KAAKoD,aAAcpD,KAAKuE,IAAKvE,KAAKgH,iEAIjC0B,MACb1T,GAAqBgL,KAArBhL,OAAOiS,EAAcjH,KAAdiH,WACP0B,EAAW5B,EAASoB,mBAAmBO,EAASvB,WAAYuB,EAASE,MAAQ,EAAG5T,wBAC/D2T,EAASxZ,EAAK8X,QAAiB0B,EAAS1b,EAAKga,6CAE1D1W,EAAKF,EAAEwY,EAAK1D,MAClB5U,MACEyB,GAAQgO,KAAK9I,OAAO7G,MACvBwY,EAAK,GACGtY,EAAKyP,KAAK8I,oBAAoB9I,KAAK6H,iBAAiBxX,OACzDmB,MAAMhF,KAAOoJ,EAAmB5D,EAAM,OACvC+W,GAAQtf,EAAUuW,KAAKuE,KACvBpV,EAAIgW,EAAE6D,MAAQD,EAAM9e,KAAO,GAC3BgD,EAAIkY,EAAE8D,MAAQF,EAAMlf,IAAM,GAC1BoN,GAAS+I,KAAKkJ,kBAAoBlJ,KAAKkJ,iBAAiB/c,OAAO,EAChE6T,KAAKkJ,iBAAiB7Y,GAAK2P,KAAKnC,OAAOxN,IAAM,KAC5C8Y,GAAgC,IAArBnJ,KAAKyH,aAAapX,GAAO2P,KAAKkG,aAAapa,QAAQ,QAC7DwX,IAAI8F,WAAWja,EAAGlC,EAAGgK,EAAOkS,EAAU,UACtC7F,IAAI+F,kBAEC9Y,EAAK,2BACV+S,IAAIrD,aACJzO,MAAMhF,KAAOwF,qCAIVmT,OAIL,GAHE/Z,GAAS+Z,EAAE/Z,OACbke,EAAYtJ,KAAKuJ,oBACjBC,EAAaxJ,KAAKyJ,eACdpZ,EAAI,EAAGA,EAAI2P,KAAKsG,OAAOna,OAAQkE,OACnCjF,IAAW4U,KAAKsG,OAAOjW,GAAG,MACvBqZ,WAAWF,EAAWF,GAAU,QAChCG,eAAiBre,OACjBme,oBAAsBlZ,OACtBqZ,WAAWte,EAAOiF,GAAE,EAAK8U,oDAM3BuE,WAAW1J,KAAKyJ,eAAezJ,KAAKuJ,qBAAoB,4FAQzDI,EAAW3J,KAAKkJ,kBAAoBlJ,KAAKkJ,iBAAiB/c,OAAS,EACpE6T,KAAKkJ,iBAAmBlJ,KAAKnC,YAC3B+I,cAAcxW,IAAI,SAACvE,EAAGwE,MACpB2B,GAAQoT,EAAKlO,OAAO7G,EAEvBxE,KACUzC,EAAEiW,OAAO,iBACT,eACH+F,EAAK/B,eAERjD,4EACwBpO,iDACF2X,EAAStZ,0BAClCxE,sEA7HoB+c,EAAM5T,YAE5B1I,KAAKsd,IAAIhB,EAAQ/B,IAAe7R,IAChC1I,KAAKud,IAAIjB,EAAQ/B,IAAe7R,UAxDCwM,ICFjBsI,0BACR3X,EAAQsB,8EACbtB,EAAQsB,MAETpI,KAAO,YAEP0e,OAAStW,EAAQsW,QAAU,KAC3BC,UAAYvW,EAAQuW,WAAa,KACjCjX,KAAOU,EAAQV,WACfkX,iBAAmBxW,EAAQwW,kBAAoB,IAC/CC,YAAczW,EAAQyW,aAAe,MAEtCC,GAAQ,GAAI9Q,QACXnN,MAAQuH,EAAQvH,OAASmO,EAAQ8P,EAAO,QAEzCC,IAAiB3W,EAAQ2W,mBAAqB3a,MAAM,EAAG,YACtD2a,cAAgB7H,EAAK8H,gBAAgBD,GACvCA,GACC,UAAW,UAAW,UAAW,UAAW,aAI3CE,kBAAoB,IAEpBC,WAAa,IACb3K,qEAGU1I,MACZA,EAAO/K,OAAS,EAAG,MAAO,MAEzBqe,GAAQ,WACL1G,QAAQ,SAASnX,GACnB2J,EAAa3J,OACR,UACA8d,KAAK,IAAM9d,EAAS,6BAE3BqT,MAEIwK,qIAKFL,MAAQ,GAAI9Q,MAEb2G,KAAK9T,aACHA,MAAQ,GAAImN,WACZnN,MAAMwe,YAAa1K,KAAK9T,MAAM6N,cAAgB,SAE/C4Q,iBAAmB,GAAItR,MAAK2G,KAAK9T,MAAM0e,qBACvCC,gBAAkB,GAAIxR,MAAK2G,KAAKmK,MAAMS,gBACL,IAAnC5K,KAAK2K,iBAAiBG,YAChB9K,KAAK2K,kBAAoB,EAAK3K,KAAK2K,iBAAiBG,UAExB,IAAlC9K,KAAK6K,gBAAgBC,YACf9K,KAAK6K,iBAAmB,EAAK7K,KAAK6K,gBAAgBC,eAEtDC,WAAa/Q,EAAgBgG,KAAK2K,iBAAmB,GAAI3K,KAAK6K,gBAAkB,IAAM,2CAItFxG,UAAoC,IAAvBrE,KAAK+K,WAAa,GAEjC/K,KAAKiK,wBACF5F,WAAc,gJAMf2G,iBAAmBzY,EAAayN,KAAKgE,SACzC,uCAEIiH,WAAa1Y,EAAayN,KAAKgE,SACnC,4EAcGkH,EAActM,OAAOrN,KAAKyO,KAAKjN,MAAM3C,IAAI,kBAAOkQ,GAAKvN,KAAKE,UACzDuK,aAAeJ,GAAiB8N,EAAalL,KAAKsK,wBAElDa,aAAe,UAAW,WAAY,QAAS,QAAS,MAAO,OACnE,OAAQ,SAAU,YAAa,UAAW,WAAY,kDAKlDC,8BAA8BpL,KAAK+K,kEAGXM,QAExBL,iBAAiBM,YAAc,QAC/BL,WAAWK,YAAc,MAE1BC,GAAsB,GAAIlS,MAAK2G,KAAK2K,uBACnCa,SAAW,OACXC,cAAgBF,EAAoBzR,gBAEpC4R,QAAU1L,KAAKyL,cAAgB,SAC/BE,eAAkB3L,KAAK4L,2BACvBD,YAAY3L,KAAKyL,eAAiB,OAClCG,mBAAmBnb,KAAK,QAEzB,GAAIJ,GAAI,EAAGA,EAAIgb,EAAahb,IAAK,IAChCwb,UAAYC,EAAe,EAC3BC,EAAM,GAAI1S,MAAKkS,KAEUvL,KAAKgM,uBAAuBD,EAAK/L,KAAKwL,uCAC9DP,WAAW9Z,YAAY0a,QACvBL,UAAY,EAAItV,SAAS8J,KAAKiK,kBAAoB6B,QAClDH,YAAY3L,KAAKyL,iBACnBK,SACGL,eAAiBzL,KAAKyL,cAAgB,GAAK,QAC3CC,OAAOjb,KAAKuP,KAAKyL,cAAgB,SACjCE,YAAY3L,KAAKyL,eAAiB,KAEhCF,EAAqB,QAEzBU,qEAGiBC,EAAcvX,OAYhC,GAPEwX,GAAanM,KAAKmK,MAAMiC,UAE1BN,EAAe,EACfO,EAAkB,EAElBR,EAAatZ,EAAayN,KAAKiL,WAAY,cAEvChe,EAAI,EAAGoD,EAAI,EAAGA,EAXC,EAWmBA,GAR7B,EAQwCpD,GAAMqf,GAA6B,IACnFC,GAAa,EACbC,EAAa,EAEbC,EAAoBP,EAAaE,UAAU,IAC3CM,EAAYpgB,KAAKwO,MAAM2R,EAAqBA,EAAoB,OAAQ3gB,QAAQ,EAEjFkU,MAAKjN,KAAK2Z,OACC1M,KAAKjN,KAAK2Z,IAGrB1M,KAAKjN,KAAKzG,KAAKqgB,MAAMD,QACV1M,KAAKjN,KAAKzG,KAAKqgB,MAAMD,KAGhCH,MACW7O,GAAiB6O,EAAYvM,KAAKxC,kBAG5CrO,GAAI,GAAiC,IAA3BwF,EAAQ0X,GAElBO,eACUnT,EAAYyS,gBACXK,aACFL,EAAapB,UAGtB+B,EAAaha,EAAe,MAAO1D,EAAGlC,EArCvB,GAsClB+S,KAAKoK,cAAcoC,GAAaI,KAEtBzb,YAAY0b,MAEnBC,GAAY,GAAIzT,MAAK6S,QACjBY,EAAW,GAChBA,EAAUV,UAAYD,EAAY,KAGlCW,GAAUhT,WAAaoS,EAAapS,eACvB,EACZkG,KAAKiK,qBACW,QAGd2B,mBAAmBnb,KAAK,GAAiC,IAA3BkE,EAAQ0X,OAE7BS,SAGRjB,EAAYC,iEAkBfJ,OAAOqB,aACPnB,mBAAmBmB,aACnBrB,OAAOsB,WACPpB,mBAAmBoB,WAEnBpB,mBAAmBxb,IAAI,SAAClE,EAAOmE,MAE/BwD,GAAOX,EAAS,eAAgBhH,EAAM,GAAI,GAD5B8b,EAAKmD,YAAYnD,EAAK0D,OAAOrb,IAAI4c,UAAU,EAAG,MAE3DjC,iBAAiB7Z,YAAY0C,4DAK7BqZ,UAAUzd,MAAM0d,KACrB5jB,SAAS6jB,iBAAiB,qBACzBhd,IAAI,cACF+P,iBAAiB,aAAc,SAACgF,MAC9BlZ,GAAQkZ,EAAE/Z,OAAO4D,aAAa,cAC9Bqe,EAAalI,EAAE/Z,OAAO4D,aAAa,aAAaQ,MAAM,KAEtD8d,EAAQlI,EAAK+F,YAAYjV,SAASmX,EAAW,IAAI,GAAGJ,UAAU,EAAG,GAEjElE,EAAQ3D,EAAKhC,aAAaxZ,wBAAyB2jB,EAAQpI,EAAE/Z,OAAOxB,wBAEpEwF,EAAQ8G,SAASiP,EAAE/Z,OAAO4D,aAAa,UACvCG,EAAIoe,EAAMtjB,KAAO8e,EAAM9e,MAAQmF,EAAM,GAAG,EACxCnC,EAAIsgB,EAAM1jB,IAAMkf,EAAMlf,KAAOuF,EAAM,GAAG,EACtC2I,EAAQ9L,EAAQ,IAAMmZ,EAAK8E,YAC3BzL,EAAO,OAAS6O,EAAQ,IAAMD,EAAW,GAAK,KAAOA,EAAW,KAE/D/J,IAAI8F,WAAWja,EAAGlC,EAAGwR,EAAM1G,KAAW,KACtCuL,IAAI+F,8CAKLtW,yFACOA,QACRwQ,qBAzP8B/B,IPD/BvC,oCAEJuO,WAAAA,aAAa,SACbC,eAAAA,aAAiB,KACjB/O,IAAAA,UAEAC,IAAAA,QACA+O,IAAAA,aACAC,IAAAA,gCAEKF,eAAiBA,OACjB/O,UAAYA,OAEZgP,aAAeA,OACf/O,QAAUA,OAEVgP,gBAAkBA,OAElBC,cAEAJ,WAAaA,OACbA,WAAyC,kBAArBxN,MAAKwN,WAC3BxN,KAAKwN,aAAexN,KAAKwN,gBAEvB3M,qDAGE9N,QACFA,KAAOA,GAAQiN,KAAKrB,wCAGpBxM,QACA0b,MAAQtb,EAAaJ,EAAQ6N,KAAKwN,WAAYxN,KAAKyN,oDAInDxJ,OAAOjE,KAAKjN,WACZ+a,QAAU9N,KAAKjN,oCAGdA,mBACD6a,MAAQ5N,KAAK0N,aAAa3a,QAE1B8a,MAAMvC,YAAc,QACpBsC,MAAM9J,QAAQ,cACb+J,MAAM1c,YAAYzH,yCAIlB4a,mEACDzD,aACD8M,YACDrJ,OACgBtE,KAAK2N,gBAAgB3N,KAAKjN,OAEtC4a,WAIL9O,sBAEU,+BACC9L,oBACLA,GAAKgb,UAAU3d,IAAI,SAACuY,EAAUtY,SACpChC,GAAMsa,EAAU5V,EAAK8K,OAAOxN,GAAIiQ,EAAK5B,UAAUtP,OAC7CiF,KAAMiM,EAAK5B,UAAUrK,KAAMD,IAAKkM,EAAK5B,UAAUtK,kCAInC4Z,MACXC,GAASD,EAAQD,UACjBG,EAAYF,EAAQnQ,OACpBsQ,EAASnO,KAAK8N,QAAQC,UACtBK,EAAYpO,KAAK8N,QAAQjQ,SAEV3Q,EAAqBihB,EAAQF,iCACvB/gB,EAAqBkhB,EAAWF,uCAEpDjK,kBACOkK,SACHD,IAGFlO,KAAK4N,MAAMxd,IAAI,SAAC2D,EAAM1D,SACrBjC,GACN2F,EAAMka,EAAO5d,GAAI8d,EAAO9d,0BAOf,+BACC0C,oBACLA,GAAKgb,UAAU3d,IAAI,SAACuY,EAAUtY,SACpCrC,GAAM2a,EAAU5V,EAAK8K,OAAOxN,GAAI2X,EAAKtJ,UAAU1R,QAC7CqH,KAAM2T,EAAKtJ,UAAUrK,KAAMD,IAAK4T,EAAKtJ,UAAUtK,kCAInC4Z,MACXC,GAASD,EAAQD,UACjBG,EAAYF,EAAQnQ,OACpBsQ,EAASnO,KAAK8N,QAAQC,UACtBK,EAAYpO,KAAK8N,QAAQjQ,SAEV3Q,EAAqBihB,EAAQF,iCACvB/gB,EAAqBkhB,EAAWF,uCAEpDjK,kBACOkK,SACHD,IAGFlO,KAAK4N,MAAMxd,IAAI,SAAC2D,EAAM1D,SACrBtC,GACNgG,EAAMka,EAAO5d,GAAI8d,EAAO9d,6BAOf,kCACC0C,oBACLA,GAAK3C,IAAI,kBACfmE,GAAQ8Z,EAAO1F,SAAU0F,EAAO/a,MAAO8R,EAAK1G,UAAUtP,OACpDgF,IAAI,QAASC,KAAM,OAAQF,SAAU,uCAGzB6Z,SACW9gB,EAAqB8S,KAAK8N,QAASE,kBAAvDF,gBAEFG,YAAiB7d,IAAI,kBAAKvE,GAAE8c,WAC5BuF,EAAYF,EAAQ5d,IAAI,kBAAKvE,GAAEyH,QAE/B6a,EAASnO,KAAK8N,QAAQ1d,IAAI,kBAAKvE,GAAE8c,UACrB3I,MAAK8N,QAAQ1d,IAAI,kBAAKvE,GAAEyH,oBAEnC2Q,OAAOkK,EAAO/d,IAAI,SAACgE,EAAK/D,mBAEjB8d,EAAO9d,SACV6d,EAAU7d,OAIZ2P,KAAK4N,MAAMxd,IAAI,SAAC2D,EAAM1D,SACrBjC,GACN2F,EAAMka,EAAO5d,GAAI8d,EAAO9d,6BAOf,kCACC0C,oBACLA,GAAK3C,IAAI,kBACfqE,GAAQ/D,EAAOxE,MAAOwE,EAAO2N,IAAKiQ,EAAK5P,UAAUtP,MAChDsB,EAAO4C,mCAGM0a,SACW9gB,EAAqB8S,KAAK8N,QAASE,kBAAvDF,gBAEFG,YAAiB7d,IAAI,kBAAKvE,GAAEwS,MAC5B6P,EAAYF,EAAQ5d,IAAI,kBAAKvE,GAAEyH,QAC/Bib,EAAYP,EAAQ5d,IAAI,kBAAKvE,GAAEK,QAE/BiiB,EAASnO,KAAK8N,QAAQ1d,IAAI,kBAAKvE,GAAEwS,MAEjCmQ,GADYxO,KAAK8N,QAAQ1d,IAAI,kBAAKvE,GAAEyH,QACxB0M,KAAK8N,QAAQ1d,IAAI,kBAAKvE,GAAEK,cAEnC+X,OAAOkK,EAAO/d,IAAI,SAACgE,EAAK/D,gBAEpBme,EAAUne,OACZ8d,EAAO9d,SACL6d,EAAU7d,UAIfsd,kBAECC,MAAMxd,IAAI,SAAC3B,EAAW4B,KACRsd,EAAgBlhB,OAAO+B,EACxCC,EAAW8f,EAAUle,GAAI4d,EAAO5d,GAAI8d,EAAO9d,OAItCsd,yBAKI,iBAAoB,sCAAwC3N,KAAKtB,UAAU/J,6BAC1E5B,MACRgR,GAAI/D,KAAKtB,sBACR+P,SAAW,WACXC,MAAQ3b,EAAK4b,WAAWve,IAAI,SAACnD,EAAGvB,SAC7BgJ,GACN3B,EAAK6b,WAAWljB,GAChBuB,EACA8F,EAAK8b,SACL9K,EAAE/R,MACFe,EAAK8K,OAAOnS,GACZA,EACAqH,EAAK+b,QAAQpjB,aAEFqH,EAAKhG,mBACJgG,EAAKgc,oBACLhL,EAAElP,cAITmL,KAAK0O,gCAEGV,MACXjK,GAAI/D,KAAKtB,UAETsQ,EAAUhB,EAAQY,WAClBK,EAAUjB,EAAQW,WAClBO,EAAalB,EAAQc,QACrBZ,EAAYF,EAAQnQ,OAEpBsR,EAAUnP,KAAK8N,QAAQc,WACvBQ,EAAUpP,KAAK8N,QAAQa,WACvBU,EAAarP,KAAK8N,QAAQgB,QAC1BV,EAAYpO,KAAK8N,QAAQjQ,SAER3Q,EAAqBiiB,EAASH,iCAC9B9hB,EAAqBkiB,EAASH,iCACxB/hB,EAAqBmiB,EAAYH,iCACnChiB,EAAqBkhB,EAAWF,gCAEpDjK,mBACQkL,aACAC,UACHC,SACDnB,WAEElO,KAAK8N,QAAQ/gB,mBACZiT,KAAK8N,QAAQiB,mBACd/O,KAAK8N,QAAQe,cAGpBlB,kBAECC,MAAMxd,IAAI,SAAClB,EAAKmB,KACFsd,EAAgBlhB,OAAOwC,EACxCC,EAAK8f,EAAQ3e,GAAI4e,EAAQ5e,GAAI2d,EAAQa,SAAUK,EAAW7e,GAAI0T,EAAEpP,OAC9D5H,SAAUihB,EAAQjhB,cAIf4gB,0BAKI,iBAAoB,sCAAwC3N,KAAKtB,UAAU/J,6BAC1E5B,MACRgR,GAAI/D,KAAKtB,sBACR+P,SAAW,WAEX1e,MAAQkF,EACZlC,EAAK6b,WACL7b,EAAK4b,WACL5K,EAAE/R,gBAES+R,EAAE1O,oBACA0O,EAAEvO,qBAGLuO,EAAExO,iBACDxC,EAAKhG,gBAIZ2hB,SAED3K,EAAEuL,gBACAZ,MAAQ3b,EAAK4b,WAAWve,IAAI,SAACnD,EAAGvB,SAC7BqJ,GACNhC,EAAK6b,WAAWljB,GAChBuB,EACA8F,EAAKiC,OACL+O,EAAE/R,MACD+R,EAAEwL,iBAAmBxc,EAAKkJ,OAAOvQ,GAAK,GACvCA,MAKIkT,OAAO3C,OAAO+D,KAAKjQ,OAAOtD,OAAOuT,KAAK0O,iCAE9BV,MAGXgB,GAAUhB,EAAQY,WAClBK,EAAUjB,EAAQW,WAClBa,EAAYxB,EAAQ/R,OAGpBkT,EAAUnP,KAAK8N,QAAQc,WACvBQ,EAAUpP,KAAK8N,QAAQa,WACvBnX,EAAYwI,KAAK8N,QAAQ7R,SAER/O,EAAqBiiB,EAASH,iCAC9B9hB,EAAqBkiB,EAASH,iCAC1B/hB,EAAqBsK,EAAWgY,gCAEpDvL,mBACQkL,aACAC,SACJI,WAEExP,KAAK8N,QAAQ/gB,gBACfiT,KAAK8N,QAAQ9Y,YAGlB2Y,eAEcA,EAAgBlhB,OAAOqD,EACxCkQ,KAAKjQ,MAAOif,EAASC,EAASjB,EAAQjhB,WAEpCiT,KAAK0O,MAAMviB,aACRuiB,MAAMte,IAAI,SAACT,EAAKU,KACFsd,EAAgBlhB,OAAOiD,EACxCC,EAAKqf,EAAQ3e,GAAI4e,EAAQ5e,OAIrBsd,KQvUWxO,0BACRhN,EAAQa,8EACbb,EAAQa,aACTyc,SAAWzc,EAAKyc,WAChBF,iBAAmBvc,EAAKuc,mBACxBG,eAAiB1c,EAAK0c,iBACtBC,eAAiB3c,EAAK2c,iBACtBC,WAAa5c,EAAK4c,iBAClBC,YAAc7c,EAAK6c,kBACnBxkB,KAAO2H,EAAK3H,MAAQ,SAEpBykB,UAAY9c,EAAK8c,WAAa,SAC9BC,UAAY/c,EAAK+c,WAAa,SAE9BnQ,+DAGI5M,kGAEJ+L,OAAO+Q,UAAY9c,EAAK8c,eACxB/Q,OAAOgR,UAAY/c,EAAK+c,+IAKxBnN,WL/BsB,QKgCtBC,YLhCsB,+CKoCpBjF,2DADSoC,KAAKjN,KACCiN,KAAK3U,uDAIpBiT,2DADc0B,KAAKjN,wCAItByQ,gEACCwM,iBACFxM,QACEyM,oBAAoBjQ,KAAKkQ,gBAA+B,SAAdlQ,KAAK3U,kDAGtC8kB,0DAAEnQ,KAAKkC,MACjBrE,EAASmC,KAAKjN,KAAK8K,SACrBC,cAAgBD,EAAO1R,SAEvBikB,UAAYpQ,KAAK5Q,MAAO+gB,EAAErS,gBAE1BuS,QAAUF,EAAEC,UAAU,IAMtBE,cACOzS,YACGA,EAAOzN,IAAI,SAACvE,EAAGwE,SACzBzE,GAASukB,EAAEE,QAAUhgB,EAAI8f,EAAEC,0DAKVG,MACb5T,GAAOX,EAAmBuU,yDADa,SAEvCpT,EAAkB6C,KAAKhT,OAASgQ,GAAcL,GAC9C6T,EAAiB3T,GAAgBF,GAAQQ,EACzCpQ,EAAWiT,KAAKhT,OAAU0P,GAAaC,GAAQ6T,OAEhDtO,MAAMhF,cACFP,YACGA,EAAKvM,IAAI,kBAAKrD,GAAWlB,EAAIsR,oBACvBA,WACPpQ,GAIXiT,KAAKyQ,yBACAC,qBACAC,8DAIDR,GAAInQ,KAAKkC,MACT0O,EAAW,kBAAU3U,GAAO7L,IAAI,kBAAO6M,IAAM/L,EAAKif,EAAEjT,YAEtDa,SAAWiC,KAAKjN,KAAKgL,SAAS3N,IAAI,SAACvE,EAAGwE,MACnC4L,GAASpQ,EAAEoQ,OACX4U,EAAehlB,EAAEglB,6BAEdhlB,EAAE4S,WACDpO,YACIxE,EAAEqS,iBAELjC,aACI2U,EAAS3U,gBAEP4U,iBACED,EAASC,iDAMvBV,GAAInQ,KAAKkC,SACVlC,KAAK4P,WAAWkB,sBAChBC,UAAYZ,EAAEpS,SAASoS,EAAEpS,SAAS5R,OAAS,GAAG6kB,kBAG/CD,UAAY,GAAI1kB,OAAM8jB,EAAErS,eAAetR,KAAK,QAC5CuR,SAAS3N,IAAI,SAACvE,EAAGwE,KAChBse,WAAWve,IAAI,SAACgE,EAAK1I,GACnB0I,EAAM+b,EAAEY,UAAUrlB,OAClBqlB,UAAUrlB,GAAK0I,iDAOhB+b,GAAInQ,KAAKkC,KACVlC,MAAKjN,KAAKke,gBACP/O,MAAM+O,SAAWjR,KAAKjN,KAAKke,SAAS7gB,IAAI,qBAC1CuY,SAAW1L,GAAMpR,EAAEkM,MAAOoY,EAAEjT,OAC1BrR,EAAEyH,UACHA,OAAS,KAAOzH,EAAEkM,OAEdlM,KAGNmU,KAAKjN,KAAKqL,gBACP8D,MAAM9D,SAAW4B,KAAKjN,KAAKqL,SAAShO,IAAI,qBAC1ClE,MAAQ+Q,GAAMpR,EAAEK,MAAOikB,EAAEjT,SACzBmB,IAAMpB,GAAMpR,EAAEwS,IAAK8R,EAAEjT,OAChBrR,0DAOLoH,EAAM,YAEP+M,KAAK4P,WAAWkB,QAAS,GACrB,kBACFI,GAAa,GAAI7kB,OAAM2T,KAAKkC,MAAMpE,eAAetR,KAAK,QACrDuG,KAAKgL,SAAS3N,IAAI,SAACvE,EAAGwE,MACtB4L,GAASqE,EAAKvN,KAAKgL,SAAS1N,GAAG4L,SACjChJ,GAAOie,EAAaA,EAAW9gB,IAAI,SAAC2T,EAAG1T,SAAM0T,GAAI9H,EAAO5L,oBAIlD5D,kBAAUuT,KAAKjN,KAAKgL,SAAS3N,IAAI,kBAAKvE,GAAEoH,4DAK9C4L,IAEF,cAEOmB,KAAK+P,gBACJ/P,KAAK5Q,SAMb,cAEO4Q,KAAK8P,iBACH9P,KAAKhT,UAMd,kBAEQgT,KAAK5Q,UACP,aAKSgB,IAAI,cACfK,KACJ,iBACQuP,MAAKkC,MAAMlP,EAAK,KACtB8R,cAIAqM,GAAcnR,KAAKkC,MAAMnE,SAASJ,OAAO,kBAAqB,QAAhB9R,EAAEqS,YAChDkT,EAAepR,KAAKkC,MAAMnE,SAASJ,OAAO,kBAAqB,SAAhB9R,EAAEqS,YAIjDmT,EAAcF,EAAY/gB,IAAI,eAC7BuE,GAAQ9I,EAAE8I,aAEb,YAAmB9I,EAAE8I,aAEbA,QACAqT,EAAK9Q,OAAOvC,WACVqT,EAAK4H,WAAWkB,yBAGP9I,EAAKuH,2BL7MU,IK8MtBvH,EAAKhb,QAEjB,cACKmjB,GAAInQ,KAAKkC,MACTrW,EAAIskB,EAAEpS,SAASpJ,GACfmc,EAAU9Q,KAAK4P,WAAWkB,QAE1BQ,EAAatR,KAAK4P,WAAW0B,YLtND,GKuN5BvC,EAAYoB,EAAEC,WAAa,EAAIkB,GAC/BzC,EAAWE,GAAW+B,EAAU,EAAIK,EAAYhlB,QAEhDyiB,EAAauB,EAAEG,MAAMvC,UAAU3d,IAAI,kBAAKjB,GAAI4f,EAAU,GACtD+B,OACUlC,EAAWxe,IAAI,kBAAKmhB,GAAI1C,EAAWla,QAG7CkJ,GAAS,GAAIxR,OAAM8jB,EAAErS,eAAetR,KAAK,GAC1CwT,MAAKuP,qBACJuB,GAAWjlB,EAAE8I,QAAUwb,EAAEpS,SAAS5R,OAAS,EACpCN,EAAEglB,aAEFhlB,EAAEoQ,WAIT6S,GAAU,GAAIziB,OAAM8jB,EAAErS,eAAetR,KAAK,SAC3CskB,OACQjlB,EAAE8iB,WAAWve,IAAI,SAACnD,EAAGvB,SAAMuB,GAAIpB,EAAEmlB,eAAetlB,kBAI9CkjB,aACA/iB,EAAE8iB,mBACLG,SAEDjR,WAEEsS,EAAEjT,MAAMnQ,mBACPgiB,WACDF,IAEV/J,WAIA0M,EAAcJ,EAAahhB,IAAI,eAC9BuE,GAAQ9I,EAAE8I,aAEb,aAAoB9I,EAAE8I,aAEdA,QACAqT,EAAK9Q,OAAOvC,WACVqT,EAAKzS,iBACJyS,EAAK6H,YAAYxa,oBACf2S,EAAK6H,YAAYra,oBACnBwS,EAAK6H,YAAYP,0BAGTtH,EAAKuH,kBAExB,cACKY,GAAInQ,KAAKkC,MACTrW,EAAIskB,EAAEpS,SAASpJ,qBAGNwb,EAAEG,MAAMvC,qBACRliB,EAAE8iB,kBAEN9iB,EAAEoQ,gBAEAkU,EAAEjT,MAAMnQ,gBACViT,KAAK6P,YAAY4B,SLnRI,IKqR7B3M,WAIA4M,IAEF,kBAEQ1R,KAAK5Q,UACP,aAKMgB,IAAI,cACZK,KACJ,iBACQuP,MAAKkC,MAAMlP,EAAK,KACtB8R,aAIejG,EAAiBpS,OAAO4kB,EAAaG,EAAaE,MAEjEC,IAAa,WAAY,iBACxBC,2BAEA1O,WAAa,GAAIC,KAAItE,EACxBlB,OAAO,mBAASgU,EAAUhb,SAAS3D,EAAK,KAAOgV,EAAK9F,MAAMlP,EAAK,MAC/D5C,IAAI,eACAyhB,GAAYrT,mBAAgBxL,WAC7BA,EAAK,GAAG2D,SAAS,cAAgB3D,EAAK,GAAG2D,SAAS,gBAC/Cib,mBAAmBnhB,KAAKohB,IAEtB7e,EAAK,GAAI6e,4DAMdzO,aAAajD,iBAAiB,YAAa,SAACgF,MAC5CnU,GAAIvH,EAAU2b,EAAKhC,cACnB0O,EAAO3M,EAAE6D,MAAQhY,EAAE/G,KAAOmb,EAAKxC,UACxBuC,GAAE8D,MAAQjY,EAAEnH,IAAMub,EAAKzC,WAExByC,EAAKpY,OAA2B,EAAlBoY,EAAKzC,aACvBoP,oBAAoBD,KAEpBxO,IAAIrD,yDAKQ6R,cACf3B,EAAInQ,KAAKkC,SACTiO,EAAEY,cAEFiB,GAAS7B,EAAEG,MAAMzS,MAClBmC,MAAK2P,gBAAkB3P,KAAK2P,eAAeqC,EAAO,QAC3CA,EAAO5hB,IAAI,kBAAGke,GAAKqB,eAAe9jB,UAKxC,GAFAomB,GAAUjS,KAAK0P,gBAAkB1P,KAAK0P,eAAe1P,KAAK/S,EAAE,GAAGgP,OAAO,IAElE5L,EAAE8f,EAAErS,cAAgB,EAAGzN,GAAK,EAAIA,IAAK,IACxC6hB,GAAO/B,EAAEG,MAAMvC,UAAU1d,MAE1ByhB,EAAOI,EAAO/B,EAAEC,UAAU,EAAG,IAC3BjhB,GAAI+iB,EAAOlS,KAAK4C,WAChB3V,EAAIkjB,EAAEY,UAAU1gB,GAAK2P,KAAK2C,WAE1B1G,EAAS+D,KAAKjN,KAAKgL,SAAS3N,IAAI,SAACiQ,EAAK3U,gBAEjC2U,EAAIpJ,YACJgb,EAAU3D,EAAKoB,eAAerP,EAAIpE,OAAO5L,IAAMgQ,EAAIpE,OAAO5L,SAC1Die,EAAKpX,OAAOxL,WAIhB4X,IAAI8F,WAAWja,EAAGlC,EAAG+kB,EAAO3hB,GAAI,GAAI4L,QACpCqH,IAAI+F,oEAORrJ,MAAKmS,oBACFA,cAAcrO,QAAQ,eACtB9S,GAAIoF,EAAE4K,UACR3P,WAAW2H,YAAYhI,UAItBmhB,cAAgBnS,KAAK4R,mBAAmBxhB,IAAI,wBAEzC2T,EAAE0K,qBACCtX,SACF4M,EAAE2K,aAIoBvX,KAA5B6I,KAAKkC,MAAMkQ,oBACRlQ,MAAMkQ,aAAepS,KAAKkC,MAAMpE,cAAgB,QAIjDqU,cAAc/hB,IAAI,eAClBiiB,GAAcxmB,EAAE6iB,MAAM4D,EAAKpQ,MAAMkQ,gBACnCpR,QAAUF,GAAYjV,EAAER,MAAMgnB,KAC3BrO,SAAS7S,YAAYtF,EAAEmV,yDAM1BhB,KAAKmS,oBACFA,cAAcrO,QAAQ,eACtB9S,GAAIoF,EAAE4K,UACR3P,WAAW2H,YAAYhI,2DAOtBmB,OAAOgO,iBAAiB,cAAe,SAACgF,KACvClE,oDAIGsR,4DAUJJ,cAAc/hB,IAAI,eAClBiiB,GAAcxmB,EAAE6iB,MAAM8D,EAAKtQ,MAAMkQ,iBACvBvmB,EAAER,MAAMgnB,EAAaxmB,EAAEmV,sDAKjCyR,oBAAoBzS,KAAKkC,MAAMkQ,aAAe,+CAI9CK,oBAAoBzS,KAAKkC,MAAMkQ,aAAe,8GAGjCpS,KAAKkC,MAAMkQ,0DAcVzd,MACfwb,GAAInQ,KAAKkC,SACLhM,SAASvB,IACN,IAAGA,EAAQ,GACnBA,GAASwb,EAAEG,MAAMzS,OAAO1R,SAAQwI,EAAQwb,EAAEG,MAAMzS,OAAO1R,OAAS,WAC3DumB,IAAI/d,GACTA,IAAUwb,EAAEiC,iBACbA,aAAezd,IACZqL,KAAK7N,OAAQ,cAAe6N,KAAK2S,sDAK1Brf,EAAOsf,MAAeje,0DAAMqL,KAAKkC,MAAMpE,0GAChCxK,EAAOsf,EAAeje,QAEpC5B,KAAK8K,OAAOgV,OAAOle,EAAO,EAAGrB,QAC7BP,KAAKgL,SAAS3N,IAAI,SAACvE,EAAGwE,KACxB4L,OAAO4W,OAAOle,EAAO,EAAGie,EAAcviB,WAGpC6T,OAAOlE,KAAKjN,mDAGF4B,0DAAQqL,KAAKkC,MAAMpE,cAAc,iGAC1BnJ,QACjB5B,KAAK8K,OAAOgV,OAAOle,EAAO,QAC1B5B,KAAKgL,SAAS3N,IAAI,cACpB6L,OAAO4W,OAAOle,EAAO,UAEnBuP,OAAOlE,KAAKjN,4CAMJ6f,MAAeje,0DAAM,OAC7B5B,KAAKgL,SAASpJ,GAAOsH,OAAS2W,OAC9B1O,OAAOlE,KAAKjN,aAzeoByO,IPFjCpC,eAEOsG,WACHoE,OACJ/C,IAuBe/P,GACpB,WAAY7E,EAAQsB,qBACZyL,GAAezL,EAAQpI,KAAM8G,EAAQsB"} \ No newline at end of file +{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/animate.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/config.js","../src/js/utils/animation.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/objects/ChartComponents.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\treturn new Chart(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","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                \n\t\t\t\t
                                `\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 = `${this.title_value}${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}${this.title_value}`;\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: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                ${this.title}
                                \n\t\t\t\t
                                ${this.subtitle}
                                \n\t\t\t\t
                                \n\t\t\t\t
                                `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, 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.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tthis.grand_total = this.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tcalc() {\n\t\tthis.sliceTotals = [];\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.sliceTotals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.sliceTotals.slice(0, this.max_legend_points);\n\t}\n\n\tbindTooltip() {\n\t\t// this.slices.map((slice, i) => {\n\t\t// \tslice.addEventListener('mouseenter', () => {\n\t\t// \t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t// \t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t// \t\tlet y = p_off.top - g_off.top - 6;\n\t\t// \t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t// \t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t// \t\tlet percent = (this.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t// \t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t// \t\tthis.tip.show_tip();\n\t\t// \t});\n\t\t// });\n\t}\n\n\trenderLegend() {\n\t\t// let x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t// \t? this.formatted_labels : this.labels;\n\t\t// this.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 = `\n\t\t// \t\t\t\n\t\t// \t\t\t${x_values[i]}:\n\t\t// \t\t\t${d}\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';\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(parent, args) {\n\t\tsuper(parent, 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\tcalc() {\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\trender(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\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.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 = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\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(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name = this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions(s=this.state) {\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\t// console.log('barDatasets', barDatasets, this.state.datasets);\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\n\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","radius","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","Chart","title","colors","undefined","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","this","hide_tip","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","makeTooltip","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","sliceTotals","reduce","a","slices","total","all_totals","totals","sort","sum_of_others","legend_totals","ANGLE_RATIO","PI","PieChart","elements_to_animate","hoverRadio","isAnimate","startAngle","clockWise","mouseMove","mouseLeave","centerX","centerY","slice_totals","startPosition","endPosition","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","_this3","diffAngle","endAngle","getPositionByAngle","prevProperty","curStart","curEnd","curPath","makeArcPath","transition","property","position","angle","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","set_values","show_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","x_values","sin","cos","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","s","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"} \ No newline at end of file diff --git a/docs/assets/js/frappe-charts.min.js b/docs/assets/js/frappe-charts.min.js index cad2db1..adb63ae 100644 --- a/docs/assets/js/frappe-charts.min.js +++ b/docs/assets/js/frappe-charts.min.js @@ -1,2 +1,2 @@ -var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(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){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,wt,"translate",{transform:a}]}function u(t,e,i){return c(t,[i,0],[e,0],kt)}function d(t,e,i){return c(t,[0,i],[0,e],kt)}function p(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},kt,wt],c(t,[0,n],[0,i],kt)]}function f(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=l(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=gt(s,2),o=r[0],h=r[1];return h-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},bt,wt],c(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,h],kt)]:[[t,{width:n,height:o,x:e,y:h},bt,wt]]}function v(t,e,i){return"circle"!==t.nodeName?[c(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],kt)]:[[t,{cx:e,cy:i},bt,wt]]}function g(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},xt,wt];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},xt,wt];a.push(h)}return a}function y(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function m(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)y(a).appendChild(i);else if("around"===n){var s=y(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ct(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 b(t,e){return m("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function x(t,e,i,n){return m("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function k(t,e,i,n){return m("svg",{className:e,inside:t,width:i,height:n})}function _(t){return m("defs",{inside:t})}function w(t,e){return m("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function A(t){return m("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 D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=b(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),x(a,"0%",e,s[0]),x(a,"50%",e,s[1]),x(a,"100%",e,s[2]),n}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),m("rect",r)}function P(t,e,i,n){return m("text",{className:t,x:e,y:i,dy:Pt/2+"px","font-size":Pt+"px",innerHTML:n})}function T(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Tt);var s=m("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=m("text",{x:0,y:i>n?i+Mt:i-Mt-Pt,dy:Pt+"px","font-size":Pt+"px","text-anchor":"middle",innerHTML:e}),o=m("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Tt),a.lineType||(a.lineType="");var s=m("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=m("text",{x:i3&&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=Tt),n.className||(n.className="");var a=-1*Dt,s="span"===n.mode?i+Dt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Dt,s=i),a+=n.offset,s+=n.offset,C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Tt),n.className||(n.className="");var a=i+Dt,s="span"===n.mode?-1*Dt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Dt,s=0),T(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function O(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=m("text",{className:"chart-label",x:i-o(e,5)-Mt,y:0,dy:Pt/-2+"px","font-size":Pt+"px","text-anchor":"start",innerHTML:e+""}),s=C(t,"",0,i,{stroke:n.stroke||Tt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function E(t,e,i,n){var a=t-e,s=m("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Tt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=m("text",{className:"chart-label",x:i-o(n,4.5)-Mt,y:0,dy:Pt/-2+"px","font-size":Pt+"px","text-anchor":"start",innerHTML:n+""}),l=m("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function W(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},h=l(e,o.zeroLine),c=gt(h,2),u=c[0],d=c[1],p=m("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:u||o.minHeight});if(a||a.length){p.setAttribute("y",0),p.setAttribute("x",0);var f=m("text",{className:"data-point-value",x:i/2,y:0,dy:Pt/2*-1+"px","font-size":Pt+"px","text-anchor":"middle",innerHTML:a}),v=m("g",{transform:"translate("+t+", "+d+")"});return v.appendChild(p),v.appendChild(f),v}return p}function S(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=m("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=m("text",{className:"data-point-value",x:0,y:0,dy:Pt/2*-1-i+"px","font-size":Pt+"px","text-anchor":"middle",innerHTML:a}),o=m("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}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=e.map(function(e,i){return t[i]+","+e}).join("L"),r=A("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=D(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=A(c,"region-fill","none","url(#"+h+")")}return l}function j(t){return t>255?255:t<0?0:t}function Y(t,e){var i=Et(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=j((a>>16)+e),r=j((a>>8&255)+e),o=j((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function H(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function R(t,e,i,n){if(t!==e){Wt.includes(t)||console.error("'"+t+"' is not a valid chart type."),St[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=zt[e].includes(t);return new Ut(i,{title:n.title,data:n.data,type:t,height:n.height,colors:a?n.colors:void 0})}}function F(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:jt[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)h.setAttribute(p,d[p]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function G(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function I(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=F.apply(void 0,yt(t)),l=gt(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 B(t,e,i){if(0!==i.length){var n=I(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},_t)}}function X(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function q(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function U(t,e){return Math.ceil(V(t,e)/7)}function V(t,e){return(X(e)-X(t))/864e5}function J(t,e){t.setDate(t.getDate()+e)}function K(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 $(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 Q(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=K(t),n=gt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=$(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function Z(t){function e(t,e){for(var i=Q(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,yt(t)),a=Math.min.apply(Math,yt(t)),s=[];if(n>=0&&a>=0)K(n)[1],s=i?Q(n,a):Q(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(K(n)[1],s=e(n,r)):(K(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);K(o)[1],s=(s=i?Q(o,l):Q(o)).reverse().map(function(t){return-1*t})}return s}function tt(t){var e=et(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 et(t){return t[1]-t[0]}function it(t){return t[t.length-1]-t[0]}function nt(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function at(t,e){for(var i=Math.max.apply(Math,yt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(At.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Xt(e,i)):"bar"===t?(i.type="bar",new Xt(e,i)):"axis-mixed"===t?(i.type="line",new Xt(e,i)):qt[t]?new qt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ct="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},ut=(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")}),dt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                  \n\t\t\t\t
                                  '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",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:''+(0===i.value||i.value?i.value:"")+"\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}(),bt=350,xt=350,kt=bt,_t=250,wt="easein",At=["line","bar"],Dt=6,Mt=4,Pt=10,Tt="#dadada",Ct={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},Nt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Lt={"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"},Ot=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],Et=function(t){return Lt[t]||t},Wt=["line","scatter","bar","percentage","heatmap","pie"],St={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:[]},zt={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},jt={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,i){if(ut(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return dt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                  '+this.subtitle+'
                                  \n\t\t\t\t
                                  \n\t\t\t\t
                                  '}),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 mt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(B(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=k(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=_(this.svg),this.drawArea=w(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return R(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Ht=function(e){function i(t,e){ut(this,i);var n=vt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.max_slices=10,n.max_legend_points=6,n.setup(),n}return ft(i,e),dt(i,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this;this.grand_total=this.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],this.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"calc",value:function(){var t=this;this.sliceTotals=[];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.sliceTotals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.sliceTotals.slice(0,this.max_legend_points)}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){}}]),i}(Yt),Rt=Math.PI/180,Ft=function(i){function n(t,e){ut(this,n);var i=vt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="pie",i.elements_to_animate=null,i.hoverRadio=e.hoverRadio||.1,i.max_slices=10,i.max_legend_points=6,i.isAnimate=!1,i.startAngle=e.startAngle||0,i.clockWise=e.clockWise||!1,i.mouseMove=i.mouseMove.bind(i),i.mouseLeave=i.mouseLeave.bind(i),i.setup(),i}return ft(n,i),dt(n,[{key:"calc",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:"render",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,d=r+=u,p=n.getPositionByAngle(h,i),f=n.getPositionByAngle(d,i),v=t&&s[l],g=void 0,y=void 0;t?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=e.makeArcPath(g,y),b=A(m,"pie-path","none",e.colors[l]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:p,endPosition:f,value:o,total:e.grand_total,startAngle:h,endAngle:d,angle:u}),t&&e.elements_to_animate.push([{unit:b,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(p,f)},650,"easein",null,{d:m}])}),t&&B(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){G(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=Y(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 G(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;a0?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='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+n+"\n\t\t\t\t")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*Rt)*e,y:Math.cos(t*Rt)*e}}}]),n}(Yt),Gt=function(t){function e(t,i){ut(this,e);var n=vt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discrete_domains=i.discrete_domains||1,n.count_label=i.count_label||"";var a=new Date;n.start=i.start||J(a,365);var s=(i.legend_colors||[]).slice(0,5);return n.legend_colors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return ft(e,t),dt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){H(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){pt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&J(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&J(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=U(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){pt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=w(this.drawArea,"domain-label-group chart-label"),this.dataGroups=w(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=at(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)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=P("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){pt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Yt),It=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;ut(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return dt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=w(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Bt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return N(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=gt(s,2);n=r[0],e=r[1];var o=h(a,i),l=gt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(i,t.labels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=h(n,e),r=gt(s,2);n=r[0],e=r[1];var o=h(a,i),l=gt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return u(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return O(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=gt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return E(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=gt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(p(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return W(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,u=h(r,i),d=gt(u,2);r=d[0],i=d[1];var p=h(o,n),v=gt(p,2);o=v[0],n=v[1];var g=h(l,a),y=gt(g,2);l=y[0],a=y[1];var m=h(c,s),b=gt(m,2);c=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(f(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths=z(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine}),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return S(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=gt(o,2);a=l[0],e=l[1];var c=h(s,i),u=gt(c,2);s=u[0],i=u[1];var d=h(r,n),p=gt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return f=f.concat(g(this.paths,e,i,t.zeroLine)),this.units.length&&this.units.map(function(t,n){f=f.concat(v(t,e[n],i[n]))}),f}}},Xt=function(t){function i(t,e){ut(this,i);var n=vt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.isSeries=e.isSeries,n.valuesOverPoints=e.valuesOverPoints,n.formatTooltipY=e.formatTooltipY,n.formatTooltipX=e.formatTooltipX,n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.xAxisMode=e.xAxisMode||"span",n.yAxisMode=e.yAxisMode||"span",n.setup(),n}return ft(i,t),dt(i,[{key:"configure",value:function(t){pt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),this.config.xAxisMode=t.xAxisMode,this.config.yAxisMode=t.yAxisMode}},{key:"setMargins",value:function(){pt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return rt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ot(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=Z(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/it(e),n=et(e)*i,a=this.height-tt(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return nt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=Ct[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Nt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),console.log(t),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;pt(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;pt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Yt),qt={percentage:Ht,heatmap:Gt,pie:Ft},Ut=function t(e,i){return ut(this,t),ht(i.type,e,i)};return Ut}(); +var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(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){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,At,"translate",{transform:a}]}function u(t,e,i){return c(t,[i,0],[e,0],_t)}function d(t,e,i){return c(t,[0,i],[0,e],_t)}function p(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},_t,At],c(t,[0,n],[0,i],_t)]}function f(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=l(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=yt(s,2),o=r[0],h=r[1];return h-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},xt,At],c(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,h],_t)]:[[t,{width:n,height:o,x:e,y:h},xt,At]]}function v(t,e,i){return"circle"!==t.nodeName?[c(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],_t)]:[[t,{cx:e,cy:i},xt,At]]}function g(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},kt,At];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},kt,At];a.push(h)}return a}function y(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function m(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)y(a).appendChild(i);else if("around"===n){var s=y(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ut(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 b(t,e){return m("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function x(t,e,i,n){return m("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function k(t,e,i,n){return m("svg",{className:e,inside:t,width:i,height:n})}function _(t){return m("defs",{inside:t})}function w(t,e){return m("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function A(t){return m("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 D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=b(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),x(a,"0%",e,s[0]),x(a,"50%",e,s[1]),x(a,"100%",e,s[2]),n}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),m("rect",r)}function M(t,e,i,n){return m("text",{className:t,x:e,y:i,dy:Ot/2+"px","font-size":Ot+"px",innerHTML:n})}function T(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Ct);var s=m("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=m("text",{x:0,y:i>n?i+Tt:i-Tt-Ot,dy:Ot+"px","font-size":Ot+"px","text-anchor":"middle",innerHTML:e}),o=m("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Ct),a.lineType||(a.lineType="");var s=m("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=m("text",{x:i3&&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=Ct),n.className||(n.className="");var a=-1*Mt,s="span"===n.mode?i+Mt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Mt,s=i),a+=n.offset,s+=n.offset,O(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Ct),n.className||(n.className="");var a=i+Mt,s="span"===n.mode?-1*Mt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Mt,s=0),T(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function N(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=m("text",{className:"chart-label",x:i-o(e,5)-Tt,y:0,dy:Ot/-2+"px","font-size":Ot+"px","text-anchor":"start",innerHTML:e+""}),s=O(t,"",0,i,{stroke:n.stroke||Ct,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function E(t,e,i,n){var a=t-e,s=m("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Ct,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=m("text",{className:"chart-label",x:i-o(n,4.5)-Tt,y:0,dy:Ot/-2+"px","font-size":Ot+"px","text-anchor":"start",innerHTML:n+""}),l=m("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function W(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},h=l(e,o.zeroLine),c=yt(h,2),u=c[0],d=c[1],p=m("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:u||o.minHeight});if(a||a.length){p.setAttribute("y",0),p.setAttribute("x",0);var f=m("text",{className:"data-point-value",x:i/2,y:0,dy:Ot/2*-1+"px","font-size":Ot+"px","text-anchor":"middle",innerHTML:a}),v=m("g",{transform:"translate("+t+", "+d+")"});return v.appendChild(p),v.appendChild(f),v}return p}function S(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=m("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=m("text",{className:"data-point-value",x:0,y:0,dy:Ot/2*-1-i+"px","font-size":Ot+"px","text-anchor":"middle",innerHTML:a}),o=m("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}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=e.map(function(e,i){return t[i]+","+e}).join("L"),r=A("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=D(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=A(c,"region-fill","none","url(#"+h+")")}return l}function j(t){return t>255?255:t<0?0:t}function Y(t,e){var i=St(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=j((a>>16)+e),r=j((a>>8&255)+e),o=j((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function H(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function R(t,e,i,n){if(t!==e){zt.includes(t)||console.error("'"+t+"' is not a valid chart type."),jt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Yt[e].includes(t);return new Jt(i,{title:n.title,data:n.data,type:t,height:n.height,colors:a?n.colors:void 0})}}function F(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:Ht[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)h.setAttribute(p,d[p]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function I(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function G(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=F.apply(void 0,mt(t)),l=yt(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 B(t,e,i){if(0!==i.length){var n=G(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},wt)}}function X(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function q(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function U(t,e){return Math.ceil(V(t,e)/7)}function V(t,e){return(X(e)-X(t))/864e5}function J(t,e){t.setDate(t.getDate()+e)}function K(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 $(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 Q(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=K(t),n=yt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=$(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function Z(t){function e(t,e){for(var i=Q(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,mt(t)),a=Math.min.apply(Math,mt(t)),s=[];if(n>=0&&a>=0)K(n)[1],s=i?Q(n,a):Q(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(K(n)[1],s=e(n,r)):(K(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);K(o)[1],s=(s=i?Q(o,l):Q(o)).reverse().map(function(t){return-1*t})}return s}function tt(t){var e=et(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 et(t){return t[1]-t[0]}function it(t){return t[t.length-1]-t[0]}function nt(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function at(t,e){for(var i=Math.max.apply(Math,mt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(Dt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Pt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ht(t,e,i){var n=Object.keys(qt).filter(function(e){return t.includes(e)}),a=qt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Xt(a)}function ct(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Ut(e,i)):"bar"===t?(i.type="bar",new Ut(e,i)):"axis-mixed"===t?(i.type="line",new Ut(e,i)):Vt[t]?new Vt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ut="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},dt=(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")}),pt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                    \n\t\t\t\t
                                    '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",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:''+(0===i.value||i.value?i.value:"")+"\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}(),xt=350,kt=350,_t=xt,wt=250,At="easein",Dt=["line","bar"],Pt=8,Mt=6,Tt=4,Ot=10,Ct="#dadada",Lt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},Nt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Et={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},Wt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],St=function(t){return Et[t]||t},zt=["line","scatter","bar","percentage","heatmap","pie"],jt={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:[]},Yt={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},Ht={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"},Rt=function(){function e(t,i){if(dt(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return pt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                    '+this.subtitle+'
                                    \n\t\t\t\t
                                    \n\t\t\t\t
                                    '}),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 bt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(B(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=k(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=_(this.svg),this.drawArea=w(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return R(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Ft=function(e){function i(t,e){dt(this,i);var n=gt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.max_slices=10,n.max_legend_points=6,n.setup(),n}return vt(i,e),pt(i,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this;this.grand_total=this.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],this.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"calc",value:function(){var t=this;this.sliceTotals=[];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.sliceTotals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.sliceTotals.slice(0,this.max_legend_points)}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){}}]),i}(Rt),It=Math.PI/180,Gt=function(i){function n(t,e){dt(this,n);var i=gt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="pie",i.elements_to_animate=null,i.hoverRadio=e.hoverRadio||.1,i.max_slices=10,i.max_legend_points=6,i.isAnimate=!1,i.startAngle=e.startAngle||0,i.clockWise=e.clockWise||!1,i.mouseMove=i.mouseMove.bind(i),i.mouseLeave=i.mouseLeave.bind(i),i.setup(),i}return vt(n,i),pt(n,[{key:"calc",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:"render",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,d=r+=u,p=n.getPositionByAngle(h,i),f=n.getPositionByAngle(d,i),v=t&&s[l],g=void 0,y=void 0;t?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=e.makeArcPath(g,y),b=A(m,"pie-path","none",e.colors[l]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:p,endPosition:f,value:o,total:e.grand_total,startAngle:h,endAngle:d,angle:u}),t&&e.elements_to_animate.push([{unit:b,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(p,f)},650,"easein",null,{d:m}])}),t&&B(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){I(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=Y(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 I(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;a0?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='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+n+"\n\t\t\t\t")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*It)*e,y:Math.cos(t*It)*e}}}]),n}(Rt),Bt=function(t){function e(t,i){dt(this,e);var n=gt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discrete_domains=i.discrete_domains||1,n.count_label=i.count_label||"";var a=new Date;n.start=i.start||J(a,365);var s=(i.legend_colors||[]).slice(0,5);return n.legend_colors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return vt(e,t),pt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){H(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){ft(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&J(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&J(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=U(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){ft(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=w(this.drawArea,"domain-label-group chart-label"),this.dataGroups=w(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=at(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){ft(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Rt),Xt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;dt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return pt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=w(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),qt={yAxis:{layerClass:"y axis",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=yt(s,2);n=r[0],e=r[1];var o=h(a,i),l=yt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=h(n,e),r=yt(s,2);n=r[0],e=r[1];var o=h(a,i),l=yt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return u(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return N(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=yt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return E(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=yt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(p(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return W(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,u=h(r,i),d=yt(u,2);r=d[0],i=d[1];var p=h(o,n),v=yt(p,2);o=v[0],n=v[1];var g=h(l,a),y=yt(g,2);l=y[0],a=y[1];var m=h(c,s),b=yt(m,2);c=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(f(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=z(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return S(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=yt(o,2);a=l[0],e=l[1];var c=h(s,i),u=yt(c,2);s=u[0],i=u[1];var d=h(r,n),p=yt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(g(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(v(t,e[n],i[n]))}),f}}},Ut=function(t){function i(t,e){dt(this,i);var n=gt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return vt(i,t),pt(i,[{key:"configure",value:function(t){ft(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){ft(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return rt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ot(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=Z(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/it(e),n=et(e)*i,a=this.height-tt(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return nt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=Lt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Nt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;ft(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;ft(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Rt),Vt={percentage:Ft,heatmap:Bt,pie:Gt},Jt=function t(e,i){return dt(this,t),ct(i.type,e,i)};return Jt}(); //# sourceMappingURL=frappe-charts.min.js.map diff --git a/docs/assets/js/frappe-charts.min.js.map b/docs/assets/js/frappe-charts.min.js.map index d631c70..ee4a938 100644 --- a/docs/assets/js/frappe-charts.min.js.map +++ b/docs/assets/js/frappe-charts.min.js.map @@ -1 +1 @@ -{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/charts/axis-chart-utils.js","../../../src/js/objects/ChartComponents.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n\n// let char_width = 8;\n// let allowed_space = avgUnitWidth * 1.5;\n// let allowed_letters = allowed_space / 8;\n\n// return values.map((value, i) => {\n// \tlet space_taken = getStringWidth(value, char_width) + 2;\n// \tif(space_taken > allowed_space) {\n// \t\tif(isSeries) {\n// \t\t\t// Skip some axis lines if X axis is a series\n// \t\t\tlet skips = 1;\n// \t\t\twhile((space_taken/skips)*2 > allowed_space) {\n// \t\t\t\tskips++;\n// \t\t\t}\n// \t\t\tif(i % skips !== 0) {\n// \t\t\t\treturn;\n// \t\t\t}\n// \t\t} else {\n// \t\t\tvalue = value.slice(0, allowed_letters-3) + \" ...\";\n// \t\t}\n// \t}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\treturn new Chart(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","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t\tyRegions: [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t],\n\t\tyMarkers: [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t]\n\t};\n\n\treturn zeroData;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.labels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\n\t\t\tthis.paths = getPaths(\n\t\t\t\tdata.xPositions,\n\t\t\t\tdata.yPositions,\n\t\t\t\tc.color,\n\t\t\t\t{\n\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t}\n\t\t\t)\n\n\t\t\tthis.units = []\n\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                      \n\t\t\t\t
                                      `\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 = `${this.title_value}${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}${this.title_value}`;\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: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                      ${this.title}
                                      \n\t\t\t\t
                                      ${this.subtitle}
                                      \n\t\t\t\t
                                      \n\t\t\t\t
                                      `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, 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.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tthis.grand_total = this.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tcalc() {\n\t\tthis.sliceTotals = [];\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.sliceTotals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.sliceTotals.slice(0, this.max_legend_points);\n\t}\n\n\tbindTooltip() {\n\t\t// this.slices.map((slice, i) => {\n\t\t// \tslice.addEventListener('mouseenter', () => {\n\t\t// \t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t// \t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t// \t\tlet y = p_off.top - g_off.top - 6;\n\t\t// \t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t// \t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t// \t\tlet percent = (this.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t// \t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t// \t\tthis.tip.show_tip();\n\t\t// \t});\n\t\t// });\n\t}\n\n\trenderLegend() {\n\t\t// let x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t// \t? this.formatted_labels : this.labels;\n\t\t// this.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 = `\n\t\t// \t\t\t\n\t\t// \t\t\t${x_values[i]}:\n\t\t// \t\t\t${d}\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';\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(parent, args) {\n\t\tsuper(parent, 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\tcalc() {\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\trender(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\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.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 = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\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(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name = this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep } from './axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\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.setup();\n\t}\n\n\tconfigure(args) {3\n\t\tsuper.configure();\n\t\tthis.config.xAxisMode = args.xAxisMode;\n\t\tthis.config.yAxisMode = args.yAxisMode;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions(s=this.state) {\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t}\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t}\n\t\t\t],\n\t\t];\n\n\t\tcomponentConfigs.map(args => {\n\t\t\targs.push(\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state[args[0]];\n\t\t\t\t}.bind(this)\n\t\t\t);\n\t\t});\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\t// console.log('barDatasets', barDatasets, this.state.datasets);\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t}\n\t\t\t]\n\t\t];\n\n\t\tmarkerConfigs.map(args => {\n\t\t\targs.push(\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state[args[0]];\n\t\t\t\t}.bind(this)\n\t\t\t);\n\t\t});\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tconsole.log(index);\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\n\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","radius","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","Chart","title","colors","undefined","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","this","hide_tip","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","makeTooltip","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","sliceTotals","reduce","a","slices","total","all_totals","totals","sort","sum_of_others","legend_totals","ANGLE_RATIO","PI","PieChart","elements_to_animate","hoverRadio","isAnimate","startAngle","clockWise","mouseMove","mouseLeave","centerX","centerY","slice_totals","startPosition","endPosition","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","_this3","diffAngle","endAngle","getPositionByAngle","prevProperty","curStart","curEnd","curPath","makeArcPath","transition","property","position","angle","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","set_values","show_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","x_values","sin","cos","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideDots","valuesOverPoints","newValues","isSeries","formatTooltipY","formatTooltipX","barOptions","lineOptions","xAxisMode","yAxisMode","calcXPositions","calcYAxisParameters","getAllYValues","s","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","yMarkers","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","log","getDataPoint","datasetValues","splice"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/objects/ChartComponents.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t// \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\treturn new Chart(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","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                        \n\t\t\t\t
                                        `\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 = `${this.title_value}${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}${this.title_value}`;\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: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                        ${this.title}
                                        \n\t\t\t\t
                                        ${this.subtitle}
                                        \n\t\t\t\t
                                        \n\t\t\t\t
                                        `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, 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.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tthis.grand_total = this.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tcalc() {\n\t\tthis.sliceTotals = [];\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.sliceTotals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.sliceTotals.slice(0, this.max_legend_points);\n\t}\n\n\tbindTooltip() {\n\t\t// this.slices.map((slice, i) => {\n\t\t// \tslice.addEventListener('mouseenter', () => {\n\t\t// \t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t// \t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t// \t\tlet y = p_off.top - g_off.top - 6;\n\t\t// \t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t// \t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t// \t\tlet percent = (this.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t// \t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t// \t\tthis.tip.show_tip();\n\t\t// \t});\n\t\t// });\n\t}\n\n\trenderLegend() {\n\t\t// let x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t// \t? this.formatted_labels : this.labels;\n\t\t// this.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 = `\n\t\t// \t\t\t\n\t\t// \t\t\t${x_values[i]}:\n\t\t// \t\t\t${d}\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';\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(parent, args) {\n\t\tsuper(parent, 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\tcalc() {\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\trender(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\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.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 = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\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(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name = this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions(s=this.state) {\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\t// console.log('barDatasets', barDatasets, this.state.datasets);\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\n\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","radius","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","Chart","title","colors","undefined","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","this","hide_tip","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","makeTooltip","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","sliceTotals","reduce","a","slices","total","all_totals","totals","sort","sum_of_others","legend_totals","ANGLE_RATIO","PI","PieChart","elements_to_animate","hoverRadio","isAnimate","startAngle","clockWise","mouseMove","mouseLeave","centerX","centerY","slice_totals","startPosition","endPosition","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","_this3","diffAngle","endAngle","getPositionByAngle","prevProperty","curStart","curEnd","curPath","makeArcPath","transition","property","position","angle","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","set_values","show_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","x_values","sin","cos","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","s","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"} \ No newline at end of file diff --git a/docs/assets/js/index.js b/docs/assets/js/index.js index c5cd3b6..bc03f7a 100755 --- a/docs/assets/js/index.js +++ b/docs/assets/js/index.js @@ -63,7 +63,7 @@ let c1 = document.querySelector("#chart-composite-1"); let c2 = document.querySelector("#chart-composite-2"); let bar_composite_chart = new Chart (c1, { - title: "Fireball/Bolide Events - Yearly (more than 5 reports)", + title: "Fireball/Bolide Events - Yearly (reported)", data: bar_composite_data, type: 'line', height: 180, @@ -179,9 +179,11 @@ let type_chart = new Chart("#chart-types", { isNavigable: 1, barOptions: { stacked: 1 + }, + tooltipOptions: { + formatTooltipX: d => (d + '').toUpperCase(), + formatTooltipY: d => d + ' pts' } - // formatTooltipX: d => (d + '').toUpperCase(), - // formatTooltipY: d => d + ' pts' }); Array.prototype.slice.call( @@ -222,7 +224,7 @@ let trends_data = { ] }; -let plot_chart_args = { +let plotChartArgs = { title: "Mean Total Sunspot Count - Yearly", data: trends_data, type: 'line', @@ -233,11 +235,14 @@ let plot_chart_args = { hideDots: 1, heatline: 1, }, - xAxisMode: 'tick', - yAxisMode: 'span' + axisOptions: { + xAxisMode: 'tick', + yAxisMode: 'span', + xIsSeries: 1 + } }; -new Chart("#chart-trends", plot_chart_args); +new Chart("#chart-trends", plotChartArgs); Array.prototype.slice.call( document.querySelectorAll('.chart-plot-buttons button') @@ -245,23 +250,17 @@ Array.prototype.slice.call( el.addEventListener('click', (e) => { let btn = e.target; let type = btn.getAttribute('data-type'); - let config = []; - - if(type === 'line') { - config = [0, 0, 0]; - } else if(type === 'region') { - config = [0, 0, 1]; - } else { - config = [0, 1, 0]; - } + let config = {}; + config[type] = 1; - plot_chart_args.hideDots = config[0]; - plot_chart_args.heatline = config[1]; - plot_chart_args.regionFill = config[2]; + if(['regionFill', 'heatline'].includes(type)) { + config.hideDots = 1; + } - plot_chart_args.init = false; + // plotChartArgs.init = false; + plotChartArgs.lineOptions = config; - new Chart("#chart-trends", plot_chart_args); + new Chart("#chart-trends", plotChartArgs); Array.prototype.slice.call( btn.parentNode.querySelectorAll('button')).map(el => { @@ -308,6 +307,7 @@ let update_chart = new Chart("#chart-update", { colors: ['red'], isSeries: 1, lineOptions: { + // hideLine: 1, regionFill: 1 }, }); @@ -398,48 +398,7 @@ events_chart.parent.addEventListener('data-select', (e) => { // Aggregation chart // ================================================================================ -let aggr_data = { - labels: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], - datasets: [ - { - "values": [25, 40, 30, 35, 8, 52, 17] - }, - { - "values": [25, 50, 10, 15, 18, 32, 27], - } - ] -}; -let aggr_chart = new Chart("#chart-aggr", { - data: aggr_data, - type: 'bar', - height: 250, - colors: ['light-green', 'blue'], - valuesOverPoints: 1, - barOptions: { - stacked: 1 - } -}); - -document.querySelector('[data-aggregation="sums"]').addEventListener("click", (e) => { - if(e.target.innerHTML === "Show Sums") { - aggr_chart.show_sums(); - e.target.innerHTML = "Hide Sums"; - } else { - aggr_chart.hide_sums(); - e.target.innerHTML = "Show Sums"; - } -}); - -document.querySelector('[data-aggregation="average"]').addEventListener("click", (e) => { - if(e.target.innerHTML === "Show Averages") { - aggr_chart.show_averages(); - e.target.innerHTML = "Hide Averages"; - } else { - aggr_chart.hide_averages(); - e.target.innerHTML = "Show Averages"; - } -}); // Heatmap // ================================================================================ diff --git a/docs/index.html b/docs/index.html index f6c5350..fc05a6c 100644 --- a/docs/index.html +++ b/docs/index.html @@ -165,10 +165,10 @@ ...
                                        - - + + - + 
                                          ...
     type: 'line',   // Line Chart specific properties:
diff --git a/src/js/charts/AxisChart.js b/src/js/charts/AxisChart.js
index d1da7af..94b4c25 100644
--- a/src/js/charts/AxisChart.js
+++ b/src/js/charts/AxisChart.js
@@ -1,5 +1,5 @@
 import BaseChart from './BaseChart';
-import { dataPrep, zeroDataPrep } from './axis-chart-utils';
+import { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';
 import { Y_AXIS_MARGIN } from '../utils/constants';
 import { getComponent } from '../objects/ChartComponents';
 import { getOffset, fire } from '../utils/dom';
@@ -11,24 +11,29 @@ import { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO,
 export default class AxisChart extends BaseChart {
 	constructor(parent, args) {
 		super(parent, args);
-		this.isSeries = args.isSeries;
-		this.valuesOverPoints = args.valuesOverPoints;
-		this.formatTooltipY = args.formatTooltipY;
-		this.formatTooltipX = args.formatTooltipX;
+
 		this.barOptions = args.barOptions || {};
 		this.lineOptions = args.lineOptions || {};
-		this.type = args.type || 'line';
 
-		this.xAxisMode = args.xAxisMode || 'span';
-		this.yAxisMode = args.yAxisMode || 'span';
+		this.type = args.type || 'line';
 
 		this.setup();
 	}
 
-	configure(args) {3
+	configure(args) {
 		super.configure();
-		this.config.xAxisMode = args.xAxisMode;
-		this.config.yAxisMode = args.yAxisMode;
+
+		args.axisOptions = args.axisOptions || {};
+		args.tooltipOptions = args.tooltipOptions || {};
+
+		this.config.xAxisMode = args.axisOptions.xAxisMode || 'span';
+		this.config.yAxisMode = args.axisOptions.yAxisMode || 'span';
+		this.config.xIsSeries = args.axisOptions.xIsSeries || 1;
+
+		this.config.formatTooltipX = args.tooltipOptions.formatTooltipX;
+		this.config.formatTooltipY = args.tooltipOptions.formatTooltipY;
+
+		this.config.valuesOverPoints = args.valuesOverPoints;
 	}
 
 	setMargins() {
@@ -132,7 +137,7 @@ export default class AxisChart extends BaseChart {
 		if(this.data.yMarkers) {
 			this.state.yMarkers = this.data.yMarkers.map(d => {
 				d.position = scale(d.value, s.yAxis);
-				if(!d.label) {
+				if(!d.label.includes(':')) {
 					d.label += ': ' + d.value;
 				}
 				return d;
@@ -169,19 +174,29 @@ export default class AxisChart extends BaseChart {
 			[
 				'yAxis',
 				{
-					mode: this.yAxisMode,
+					mode: this.config.yAxisMode,
 					width: this.width,
 					// pos: 'right'
-				}
+				},
+				function() {
+					return this.state.yAxis;
+				}.bind(this)
 			],
 
 			[
 				'xAxis',
 				{
-					mode: this.xAxisMode,
+					mode: this.config.xAxisMode,
 					height: this.height,
 					// pos: 'right'
-				}
+				},
+				function() {
+					let s = this.state;
+					s.xAxis.calcLabels = getShortenedLabels(this.width,
+						s.xAxis.labels, this.config.xIsSeries);
+
+					return s.xAxis;
+				}.bind(this)
 			],
 
 			[
@@ -189,17 +204,12 @@ export default class AxisChart extends BaseChart {
 				{
 					width: this.width,
 					pos: 'right'
-				}
-			],
-		];
-
-		componentConfigs.map(args => {
-			args.push(
+				},
 				function() {
-					return this.state[args[0]];
+					return this.state.yRegions;
 				}.bind(this)
-			);
-		});
+			],
+		];
 
 		let barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');
 		let lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');
@@ -216,7 +226,7 @@ export default class AxisChart extends BaseChart {
 					stacked: this.barOptions.stacked,
 
 					// same for all datasets
-					valuesOverPoints: this.valuesOverPoints,
+					valuesOverPoints: this.config.valuesOverPoints,
 					minHeight: this.height * MIN_BAR_PERCENT_HEIGHT,
 				},
 				function() {
@@ -273,9 +283,10 @@ export default class AxisChart extends BaseChart {
 					heatline: this.lineOptions.heatline,
 					regionFill: this.lineOptions.regionFill,
 					hideDots: this.lineOptions.hideDots,
+					hideLine: this.lineOptions.hideLine,
 
 					// same for all datasets
-					valuesOverPoints: this.valuesOverPoints,
+					valuesOverPoints: this.config.valuesOverPoints,
 				},
 				function() {
 					let s = this.state;
@@ -300,17 +311,12 @@ export default class AxisChart extends BaseChart {
 				{
 					width: this.width,
 					pos: 'right'
-				}
-			]
-		];
-
-		markerConfigs.map(args => {
-			args.push(
+				},
 				function() {
-					return this.state[args[0]];
+					return this.state.yMarkers;
 				}.bind(this)
-			);
-		});
+			]
+		];
 
 		componentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);
 
diff --git a/src/js/objects/ChartComponents.js b/src/js/objects/ChartComponents.js
index b8a26b6..f6cf7bd 100644
--- a/src/js/objects/ChartComponents.js
+++ b/src/js/objects/ChartComponents.js
@@ -98,23 +98,23 @@ let componentConfigs = {
 		layerClass: 'x axis',
 		makeElements(data) {
 			return data.positions.map((position, i) =>
-				xLine(position, data.labels[i], this.constants.height,
+				xLine(position, data.calcLabels[i], this.constants.height,
 					{mode: this.constants.mode, pos: this.constants.pos})
 			);
 		},
 
 		animateElements(newData) {
 			let newPos = newData.positions;
-			let newLabels = newData.labels;
+			let newLabels = newData.calcLabels;
 			let oldPos = this.oldData.positions;
-			let oldLabels = this.oldData.labels;
+			let oldLabels = this.oldData.calcLabels;
 
 			[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);
 			[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);
 
 			this.render({
 				positions: oldPos,
-				labels: newLabels
+				calcLabels: newLabels
 			});
 
 			return this.store.map((line, i) => {
@@ -266,23 +266,24 @@ let componentConfigs = {
 		makeElements(data) {
 			let c = this.constants;
 			this.unitType = 'dot';
-
-			this.paths = getPaths(
-				data.xPositions,
-				data.yPositions,
-				c.color,
-				{
-					heatline: c.heatline,
-					regionFill: c.regionFill
-				},
-				{
-					svgDefs: c.svgDefs,
-					zeroLine: data.zeroLine
-				}
-			)
+			this.paths = {};
+			if(!c.hideLine) {
+				this.paths = getPaths(
+					data.xPositions,
+					data.yPositions,
+					c.color,
+					{
+						heatline: c.heatline,
+						regionFill: c.regionFill
+					},
+					{
+						svgDefs: c.svgDefs,
+						zeroLine: data.zeroLine
+					}
+				)
+			}
 
 			this.units = []
-
 			if(!c.hideDots) {
 				this.units = data.yPositions.map((y, j) => {
 					return datasetDot(
@@ -325,8 +326,10 @@ let componentConfigs = {
 
 			let animateElements = [];
 
-			animateElements = animateElements.concat(animatePath(
-				this.paths, newXPos, newYPos, newData.zeroLine));
+			if(Object.keys(this.paths).length) {
+				animateElements = animateElements.concat(animatePath(
+					this.paths, newXPos, newYPos, newData.zeroLine));
+			}
 
 			if(this.units.length) {
 				this.units.map((dot, i) => {
diff --git a/src/js/charts/axis-chart-utils.js b/src/js/utils/axis-chart-utils.js
similarity index 64%
rename from src/js/charts/axis-chart-utils.js
rename to src/js/utils/axis-chart-utils.js
index e77f0d4..d9d3e42 100644
--- a/src/js/charts/axis-chart-utils.js
+++ b/src/js/utils/axis-chart-utils.js
@@ -1,5 +1,5 @@
 import { floatTwo, fillArray } from '../utils/helpers';
-import { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES } from '../utils/constants';
+import { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';
 
 export function dataPrep(data, type) {
 	data.labels = data.labels || [];
@@ -72,20 +72,53 @@ export function zeroDataPrep(realData) {
 				chartType: d.chartType
 			}
 		}),
-		yRegions: [
+	};
+
+	if(realData.yMarkers) {
+		zeroData.yMarkers = [
 			{
-				start: 0,
-				end: 0,
+				value: 0,
 				label: ''
 			}
-		],
-		yMarkers: [
+		];
+	}
+
+	if(realData.yRegions) {
+		zeroData.yRegions = [
 			{
-				value: 0,
+				start: 0,
+				end: 0,
 				label: ''
 			}
-		]
-	};
+		];
+	}
 
 	return zeroData;
+}
+
+export function getShortenedLabels(chartWidth, labels=[], isSeries=true) {
+	let allowedSpace = chartWidth / labels.length;
+	let allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;
+
+	let calcLabels = labels.map((label, i) => {
+		label += "";
+		if(label.length > allowedLetters) {
+
+			if(!isSeries) {
+				if(allowedLetters-3 > 0) {
+					label = label.slice(0, allowedLetters-3) + " ...";
+				} else {
+					label = label.slice(0, allowedLetters) + '..';
+				}
+			} else {
+				let multiple = Math.ceil(label.length/allowedLetters);
+				if(i % multiple !== 0) {
+					label = "";
+				}
+			}
+		}
+		return label;
+	});
+
+	return calcLabels;
 }
\ No newline at end of file
diff --git a/src/js/utils/constants.js b/src/js/utils/constants.js
index 0f0de7a..549ae4c 100644
--- a/src/js/utils/constants.js
+++ b/src/js/utils/constants.js
@@ -14,4 +14,6 @@ export const BAR_CHART_SPACE_RATIO = 0.5;
 export const MIN_BAR_PERCENT_HEIGHT = 0.01;
 
 export const LINE_CHART_DOT_SIZE = 4;
-export const DOT_OVERLAY_SIZE_INCR = 4;
\ No newline at end of file
+export const DOT_OVERLAY_SIZE_INCR = 4;
+
+export const DEFAULT_CHAR_WIDTH = 8;
\ No newline at end of file
diff --git a/src/js/utils/draw-utils.js b/src/js/utils/draw-utils.js
index effecf4..62dbea0 100644
--- a/src/js/utils/draw-utils.js
+++ b/src/js/utils/draw-utils.js
@@ -24,24 +24,3 @@ export function equilizeNoOfElements(array1, array2,
 	}
 	return [array1, array2];
 }
-
-// let char_width = 8;
-// let allowed_space = avgUnitWidth * 1.5;
-// let allowed_letters = allowed_space / 8;
-
-// return values.map((value, i) => {
-// 	let space_taken = getStringWidth(value, char_width) + 2;
-// 	if(space_taken > allowed_space) {
-// 		if(isSeries) {
-// 			// Skip some axis lines if X axis is a series
-// 			let skips = 1;
-// 			while((space_taken/skips)*2 > allowed_space) {
-// 				skips++;
-// 			}
-// 			if(i % skips !== 0) {
-// 				return;
-// 			}
-// 		} else {
-// 			value = value.slice(0, allowed_letters-3) + " ...";
-// 		}
-// 	}

From fb61523b1ad3db831c80a1548e92a1591261f582 Mon Sep 17 00:00:00 2001
From: Prateeksha Singh 
Date: Mon, 5 Mar 2018 16:13:32 +0530
Subject: [PATCH 47/51] [chart] Aggregation chart for pie/percantage

---
 dist/frappe-charts.esm.js               | 350 +++++++++++-------------
 dist/frappe-charts.min.cjs.js           |   2 +-
 dist/frappe-charts.min.esm.js           |   2 +-
 dist/frappe-charts.min.iife.js          |   2 +-
 dist/frappe-charts.min.iife.js.map      |   2 +-
 docs/assets/js/frappe-charts.min.js     |   2 +-
 docs/assets/js/frappe-charts.min.js.map |   2 +-
 docs/assets/js/index.js                 |   2 +
 src/js/charts/AggregationChart.js       |  75 +++++
 src/js/charts/AxisChart.js              |   3 +-
 src/js/charts/PercentageChart.js        |  68 +----
 src/js/charts/PieChart.js               | 132 +++------
 src/js/config.js                        |  12 +-
 src/js/utils/colors.js                  |   2 +-
 src/js/utils/constants.js               |   6 +-
 src/js/utils/draw.js                    |  10 +
 src/js/utils/helpers.js                 |   9 +
 17 files changed, 326 insertions(+), 355 deletions(-)
 create mode 100644 src/js/charts/AggregationChart.js

diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js
index 7847ab5..9f23094 100644
--- a/dist/frappe-charts.esm.js
+++ b/dist/frappe-charts.esm.js
@@ -202,10 +202,30 @@ class SvgTip {
 	}
 }
 
-/**
- * Returns the value of a number upto 2 decimal places.
- * @param {Number} d Any number
- */
+const VERT_SPACE_OUTSIDE_BASE_CHART = 40;
+const TRANSLATE_Y_BASE_CHART = 20;
+const LEFT_MARGIN_BASE_CHART = 60;
+const RIGHT_MARGIN_BASE_CHART = 40;
+const Y_AXIS_MARGIN = 60;
+
+const INIT_CHART_UPDATE_TIMEOUT = 700;
+const CHART_POST_ANIMATE_TIMEOUT = 400;
+
+const DEFAULT_AXIS_CHART_TYPE = 'line';
+const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];
+
+const BAR_CHART_SPACE_RATIO = 0.5;
+const MIN_BAR_PERCENT_HEIGHT = 0.01;
+
+const LINE_CHART_DOT_SIZE = 4;
+const DOT_OVERLAY_SIZE_INCR = 4;
+
+const DEFAULT_CHAR_WIDTH = 8;
+
+// Universal constants
+const ANGLE_RATIO = Math.PI / 180;
+const FULL_ANGLE = 360;
+
 function floatTwo(d) {
 	return parseFloat(d.toFixed(2));
 }
@@ -248,6 +268,15 @@ function getStringWidth(string, charWidth) {
 	return (string+"").length * charWidth;
 }
 
+
+
+function getPositionByAngle(angle, radius) {
+	return {
+		x:Math.sin(angle * ANGLE_RATIO) * radius,
+		y:Math.cos(angle * ANGLE_RATIO) * radius,
+	};
+}
+
 function getBarHeightAndYAttr(yTop, zeroLine) {
 	let height, y;
 	if (yTop <= zeroLine) {
@@ -372,26 +401,6 @@ function animatePath(paths, newXList, newYList, zeroLine) {
 	return pathComponents;
 }
 
-const VERT_SPACE_OUTSIDE_BASE_CHART = 40;
-const TRANSLATE_Y_BASE_CHART = 20;
-const LEFT_MARGIN_BASE_CHART = 60;
-const RIGHT_MARGIN_BASE_CHART = 40;
-const Y_AXIS_MARGIN = 60;
-
-const INIT_CHART_UPDATE_TIMEOUT = 700;
-const CHART_POST_ANIMATE_TIMEOUT = 400;
-
-const DEFAULT_AXIS_CHART_TYPE = 'line';
-const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];
-
-const BAR_CHART_SPACE_RATIO = 0.5;
-const MIN_BAR_PERCENT_HEIGHT = 0.01;
-
-const LINE_CHART_DOT_SIZE = 4;
-const DOT_OVERLAY_SIZE_INCR = 4;
-
-const DEFAULT_CHAR_WIDTH = 8;
-
 const AXIS_TICK_LENGTH = 6;
 const LABEL_MARGIN = 4;
 const FONT_SIZE = 10;
@@ -489,6 +498,16 @@ function makePath(pathStr, className='', stroke='none', fill='none') {
 	});
 }
 
+function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){
+	let [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];
+	let [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];
+
+	return `M${center.x} ${center.y}
+		L${arcStartX} ${arcStartY}
+		A ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}
+		${arcEndX} ${arcEndY} z`;
+}
+
 function makeGradient(svgDefElem, color, lighter = false) {
 	let gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');
 	let gradientDef = renderVerticalGradient(svgDefElem, gradientId);
@@ -917,7 +936,7 @@ const PRESET_COLOR_MAP = {
 };
 
 const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',
-	'yellow', 'green', 'light-green', 'purple', 'magenta'];
+	'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];
 
 function limitColor(r){
 	if (r > 255) return 255;
@@ -986,13 +1005,11 @@ function getDifferentChart(type, current_type, parent, args) {
 	// Okay, this is anticlimactic
 	// this function will need to actually be 'changeChartType(type)'
 	// that will update only the required elements, but for now ...
-	return new Chart(parent, {
-		title: args.title,
-		data: args.data,
-		type: type,
-		height: args.height,
-		colors: useColor ? args.colors : undefined
-	});
+
+	args.type = type;
+	args.colors = useColor ? args.colors : undefined;
+
+	return new Chart(parent, args);
 }
 
 // Leveraging SMIL Animations
@@ -1384,13 +1401,83 @@ class BaseChart {
 	}
 }
 
-class PercentageChart extends BaseChart {
+class AggregationChart extends BaseChart {
 	constructor(parent, args) {
 		super(parent, args);
-		this.type = 'percentage';
+	}
+
+	configure(args) {
+		super.configure(args);
+
+		this.config.maxSlices = args.maxSlices || 20;
+		this.config.maxLegendPoints = args.maxLegendPoints || 20;
+	}
+
+	calc() {
+		let s = this.state;
+		let maxSlices = this.config.maxSlices;
+		s.sliceTotals = [];
+
+		let allTotals = this.data.labels.map((label, i) => {
+			let total = 0;
+			this.data.datasets.map(e => {
+				total += e.values[i];
+			});
+			return [total, label];
+		}).filter(d => { return d[0] > 0; }); // keep only positive results
 
-		this.max_slices = 10;
-		this.max_legend_points = 6;
+		let totals = allTotals;
+		if(allTotals.length > maxSlices) {
+			// Prune and keep a grey area for rest as per maxSlices
+			allTotals.sort((a, b) => { return b[0] - a[0]; });
+
+			totals = allTotals.slice(0, maxSlices-1);
+			let remaining = allTotals.slice(maxSlices-1);
+
+			let sumOfRemaining = 0;
+			remaining.map(d => {sumOfRemaining += d[0];});
+			totals.push([sumOfRemaining, 'Rest']);
+			this.colors[maxSlices-1] = 'grey';
+		}
+
+		this.labels = [];
+		totals.map(d => {
+			s.sliceTotals.push(d[0]);
+			this.labels.push(d[1]);
+		});
+	}
+
+	render() { }
+
+	bindTooltip() { }
+
+	renderLegend() {
+		let s = this.state;
+
+		this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);
+
+		let x_values = this.formatted_labels && this.formatted_labels.length > 0
+			? this.formatted_labels : this.labels;
+		this.legendTotals.map((d, i) => {
+			if(d) {
+				let stats = $.create('div', {
+					className: 'stats',
+					inside: this.statsWrapper
+				});
+				stats.innerHTML = `
+					
+					${x_values[i]}:
+					${d}
+				`;
+			}
+		});
+	}
+}
+
+class PercentageChart extends AggregationChart {
+	constructor(parent, args) {
+		super(parent, args);
+		this.type = 'percentage';
 
 		this.setup();
 	}
@@ -1420,9 +1507,10 @@ class PercentageChart extends BaseChart {
 	}
 
 	render() {
-		this.grand_total = this.sliceTotals.reduce((a, b) => a + b, 0);
+		let s = this.state;
+		this.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);
 		this.slices = [];
-		this.sliceTotals.map((total, i) => {
+		s.sliceTotals.map((total, i) => {
 			let slice = $.create('div', {
 				className: `progress-bar`,
 				inside: this.percentageBar,
@@ -1435,42 +1523,8 @@ class PercentageChart extends BaseChart {
 		});
 	}
 
-	calc() {
-		this.sliceTotals = [];
-		let all_totals = this.data.labels.map((d, i) => {
-			let total = 0;
-			this.data.datasets.map(e => {
-				total += e.values[i];
-			});
-			return [total, d];
-		}).filter(d => { return d[0] > 0; }); // keep only positive results
-
-		let totals = all_totals;
-
-		if(all_totals.length > this.max_slices) {
-			all_totals.sort((a, b) => { return b[0] - a[0]; });
-
-			totals = all_totals.slice(0, this.max_slices-1);
-			let others = all_totals.slice(this.max_slices-1);
-
-			let sum_of_others = 0;
-			others.map(d => {sum_of_others += d[0];});
-
-			totals.push([sum_of_others, 'Rest']);
-
-			this.colors[this.max_slices-1] = 'grey';
-		}
-
-		this.labels = [];
-		totals.map(d => {
-			this.sliceTotals.push(d[0]);
-			this.labels.push(d[1]);
-		});
-
-		this.legend_totals = this.sliceTotals.slice(0, this.max_legend_points);
-	}
-
 	bindTooltip() {
+		
 		// this.slices.map((slice, i) => {
 		// 	slice.addEventListener('mouseenter', () => {
 		// 		let g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);
@@ -1479,114 +1533,57 @@ class PercentageChart extends BaseChart {
 		// 		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.sliceTotals[i]*100/this.grand_total).toFixed(1);
+		// 		let percent = (s.sliceTotals[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 = `
-		// 			
-		// 			${x_values[i]}:
-		// 			${d}
-		// 		`;
-		// 	}
-		// });
-	}
 }
 
-const ANGLE_RATIO = Math.PI / 180;
-const FULL_ANGLE = 360;
-
-class PieChart extends BaseChart {
+class PieChart extends AggregationChart {
 	constructor(parent, args) {
 		super(parent, args);
 		this.type = 'pie';
-		this.elements_to_animate = null;
+
 		this.hoverRadio = args.hoverRadio || 0.1;
-		this.max_slices = 10;
-		this.max_legend_points = 6;
-		this.isAnimate = false;
 		this.startAngle = args.startAngle || 0;
 		this.clockWise = args.clockWise || false;
-		this.mouseMove = this.mouseMove.bind(this);
-		this.mouseLeave = this.mouseLeave.bind(this);
+
 		this.setup();
 	}
-	calc() {
-		this.centerX = this.width / 2;
-		this.centerY = this.height / 2;
-		this.radius = (this.height > this.width ? this.centerX : this.centerY);
-		this.slice_totals = [];
-		let all_totals = this.data.labels.map((d, i) => {
-			let total = 0;
-			this.data.datasets.map(e => {
-				total += e.values[i];
-			});
-			return [total, d];
-		}).filter(d => { return d[0] > 0; }); // keep only positive results
-
-		let totals = all_totals;
-
-		if(all_totals.length > this.max_slices) {
-			all_totals.sort((a, b) => { return b[0] - a[0]; });
-
-			totals = all_totals.slice(0, this.max_slices-1);
-			let others = all_totals.slice(this.max_slices-1);
-
-			let sum_of_others = 0;
-			others.map(d => {sum_of_others += d[0];});
-
-			totals.push([sum_of_others, 'Rest']);
-
-			this.colors[this.max_slices-1] = 'grey';
-		}
-
-		this.labels = [];
-		totals.map(d => {
-			this.slice_totals.push(d[0]);
-			this.labels.push(d[1]);
-		});
 
-		this.legend_totals = this.slice_totals.slice(0, this.max_legend_points);
+	configure(args) {
+		super.configure(args);
+		this.mouseMove = this.mouseMove.bind(this);
+		this.mouseLeave = this.mouseLeave.bind(this);
 	}
-
-	static getPositionByAngle(angle,radius) {
-		return {
-			x:Math.sin(angle * ANGLE_RATIO) * radius,
-			y:Math.cos(angle * ANGLE_RATIO) * radius,
+	calc() {
+		super.calc();
+		this.center = {
+			x: this.width / 2,
+			y: this.height / 2
 		};
+		this.radius = (this.height > this.width ? this.center.x : this.center.y);
 	}
-	makeArcPath(startPosition,endPosition){
-		const{centerX,centerY,radius,clockWise} = this;
-		return `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`;
-	}
+
 	render(init) {
 		const{radius,clockWise} = this;
-		this.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);
+		this.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);
 		const prevSlicesProperties = this.slicesProperties || [];
 		this.slices = [];
 		this.elements_to_animate = [];
 		this.slicesProperties = [];
 		let curAngle = 180 - this.startAngle;
-		this.slice_totals.map((total, i) => {
+
+		this.state.sliceTotals.map((total, i) => {
 			const startAngle = curAngle;
 			const originDiffAngle = (total / this.grand_total) * FULL_ANGLE;
 			const diffAngle = clockWise ? -originDiffAngle : originDiffAngle;
 			const endAngle = curAngle = curAngle + diffAngle;
-			const startPosition = PieChart.getPositionByAngle(startAngle,radius);
-			const endPosition = PieChart.getPositionByAngle(endAngle,radius);
+			const startPosition = getPositionByAngle(startAngle, radius);
+			const endPosition = getPositionByAngle(endAngle, radius);
 			const prevProperty = init && prevSlicesProperties[i];
 			let curStart,curEnd;
 			if(init){
@@ -1596,7 +1593,7 @@ class PieChart extends BaseChart {
 				curStart = startPosition;
 				curEnd = endPosition;
 			}
-			const curPath = this.makeArcPath(curStart,curEnd);
+			const curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);
 			let slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);
 			slice.style.transition = 'transform .3s;';
 			this.drawArea.appendChild(slice);
@@ -1609,42 +1606,44 @@ class PieChart extends BaseChart {
 				total: this.grand_total,
 				startAngle,
 				endAngle,
-				angle:diffAngle
+				angle: diffAngle
 			});
 			if(init){
-				this.elements_to_animate.push([{unit: slice, array: this.slices, index: this.slices.length - 1},
-					{d:this.makeArcPath(startPosition,endPosition)},
+				this.elements_to_animate.push([slice,
+					{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},
 					650, "easein",null,{
 						d:curPath
 					}]);
 			}
 
 		});
-		if(init){
-			runSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);
-		}
+		// if(init){
+		// 	runSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);
+		// }
 	}
 
 	calTranslateByAngle(property){
 		const{radius,hoverRadio} = this;
-		const position = PieChart.getPositionByAngle(property.startAngle+(property.angle / 2),radius);
+		const position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);
 		return `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;
 	}
+
 	hoverSlice(path,i,flag,e){
 		if(!path) return;
 		const color = this.colors[i];
-		if(flag){
-			transform(path,this.calTranslateByAngle(this.slicesProperties[i]));
-			path.style.fill = lightenDarkenColor(color,50);
+		if(flag) {
+
+			transform(path, this.calTranslateByAngle(this.slicesProperties[i]));
+			path.style.fill = lightenDarkenColor(color, 50);
 			let g_off = getOffset(this.svg);
 			let x = e.pageX - g_off.left + 10;
 			let y = e.pageY - g_off.top - 10;
-			let title = (this.formatted_labels && this.formatted_labels.length>0
+			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);
+			let percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);
 			this.tip.set_values(x, y, title, percent + "%");
 			this.tip.show_tip();
-		}else{
+		} else {
 			transform(path,'translate3d(0,0,0)');
 			this.tip.hide_tip();
 			path.style.fill = color;
@@ -1672,26 +1671,6 @@ class PieChart extends BaseChart {
 		// this.drawArea.addEventListener('mousemove',this.mouseMove);
 		// this.drawArea.addEventListener('mouseleave',this.mouseLeave);
 	}
-
-	renderLegend() {
-		let x_values = this.formatted_labels && this.formatted_labels.length > 0
-			? this.formatted_labels : this.labels;
-		this.legend_totals.map((d, i) => {
-			const color = this.colors[i];
-
-			if(d) {
-				let stats = $.create('div', {
-					className: 'stats',
-					inside: this.statsWrapper
-				});
-				stats.innerHTML = `
-					
-					${x_values[i]}:
-					${d}
-				`;
-			}
-		});
-	}
 }
 
 // Playing around with dates
@@ -2711,7 +2690,8 @@ class AxisChart extends BaseChart {
 		this.calcYAxisParameters(this.getAllYValues(), this.type === 'line');
 	}
 
-	calcXPositions(s=this.state) {
+	calcXPositions() {
+		let s = this.state;
 		let labels = this.data.labels;
 		s.datasetLength = labels.length;
 
diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js
index 13a3bce..f05ec63 100644
--- a/dist/frappe-charts.min.cjs.js
+++ b/dist/frappe-charts.min.cjs.js
@@ -1 +1 @@
-"use strict";function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,h=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(h)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),h=slicedToArray(l,2),c=h[0],u=h[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:c||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var h=makeGradient(n.svgDefs,i,!0),c="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(c,"region-fill","none","url(#"+h+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return new Chart(i,{title:a.title,data:a.data,type:t,height:a.height,colors:n?a.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,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=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=r[l]||t.getAttribute(l),u=e[l],d={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&&(d.type=n);for(var p in d)h.setAttribute(p,d[p]);s.appendChild(h),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                          \n\t\t\t\t
                                          '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=n,this.x=t,this.y=e,this.title_value_first=r,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                          '+this.subtitle+'
                                          \n\t\t\t\t
                                          \n\t\t\t\t
                                          '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.max_slices=10,a.max_legend_points=6,a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this;this.grand_total=this.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],this.sliceTotals.map(function(e,i){var a=$.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"calc",value:function(){var t=this;this.sliceTotals=[];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.sliceTotals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.sliceTotals.slice(0,this.max_legend_points)}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){}}]),e}(BaseChart),ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.elements_to_animate=null,a.hoverRadio=i.hoverRadio||.1,a.max_slices=10,a.max_legend_points=6,a.isAnimate=!1,a.startAngle=i.startAngle||0,a.clockWise=i.clockWise||!1,a.mouseMove=a.mouseMove.bind(a),a.mouseLeave=a.mouseLeave.bind(a),a.setup(),a}return inherits(e,t),createClass(e,[{key:"calc",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,r=this.clockWise;return"M"+i+" "+a+" L"+(i+t.x)+" "+(a+t.y)+" A "+n+" "+n+" 0 0 "+(r?1:0)+" "+(i+e.x)+" "+(a+e.y)+" z"}},{key:"render",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 r=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.slice_totals.map(function(o,l){var h=s,c=o/i.grand_total*FULL_ANGLE,u=n?-c:c,d=s+=u,p=e.getPositionByAngle(h,a),f=e.getPositionByAngle(d,a),v=t&&r[l],g=void 0,m=void 0;t?(g=v?v.startPosition:p,m=v?v.endPosition:p):(g=p,m=f);var y=i.makeArcPath(g,m),_=makePath(y,"pie-path","none",i.colors[l]);_.style.transition="transform .3s;",i.drawArea.appendChild(_),i.slices.push(_),i.slicesProperties.push({startPosition:p,endPosition:f,value:o,total:i.grand_total,startAngle:h,endAngle:d,angle:u}),t&&i.elements_to_animate.push([{unit:_,array:i.slices,index:i.slices.length-1},{d:i.makeArcPath(p,f)},650,"easein",null,{d:y}])}),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 r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",h=(100*this.slice_totals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,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;n0?this.formatted_labels:this.labels;this.legend_totals.map(function(i,a){var n=t.colors[a];i&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}],[{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,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discrete_domains=i.discrete_domains||1,a.count_label=i.count_label||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legend_colors||[]).slice(0,5);return a.legend_colors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,h=s.top-r.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){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,c=equilizeNoOfElements(s,i),u=slicedToArray(c,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(h,r),m=slicedToArray(g,2);h=m[0],r=m[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(r,s){y=y.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var h=equilizeNoOfElements(r,i),c=slicedToArray(h,2);r=c[0],i=c[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.set_values(o,l,a[r],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};module.exports=Chart;
+"use strict";function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                            \n\t\t\t\t
                                            '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=n,this.x=t,this.y=e,this.title_value_first=r,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                            '+this.subtitle+'
                                            \n\t\t\t\t
                                            \n\t\t\t\t
                                            '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}this.labels=[],n.map(function(i){e.sliceTotals.push(i[0]),t.labels.push(i[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grand_total=e.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],e.sliceTotals.map(function(e,i){var a=$.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"bindTooltip",value:function(){}}]),e}(AggregationChart),PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.hoverRadio=i.hoverRadio||.1,a.startAngle=i.startAngle||0,a.clockWise=i.clockWise||!1,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.state.sliceTotals.map(function(s,o){var l=r,c=s/e.grand_total*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t&&n[o],v=void 0,g=void 0;t?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,e.center,e.radius,e.clockWise),m=makePath(y,"pie-path","none",e.colors[o]);m.style.transition="transform .3s;",e.drawArea.appendChild(m),e.slices.push(m),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grand_total,startAngle:l,endAngle:u,angle:h}),t&&e.elements_to_animate.push([m,{d:makeArcPathStr(d,p,e.center,e.radius,e.clockWise)},650,"easein",null,{d:y}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,o,l,c+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,a=this.curActiveSlice,n=0;ni)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.count_label,u=" on "+n+" "+a[0]+", "+a[2];t.tip.set_values(l,c,u,h,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.set_values(o,l,a[r],"",c),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};module.exports=Chart;
diff --git a/dist/frappe-charts.min.esm.js b/dist/frappe-charts.min.esm.js
index 6b8a5a4..d062968 100644
--- a/dist/frappe-charts.min.esm.js
+++ b/dist/frappe-charts.min.esm.js
@@ -1 +1 @@
-function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,h=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(h)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),h=slicedToArray(l,2),c=h[0],u=h[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:c||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var h=makeGradient(n.svgDefs,i,!0),c="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(c,"region-fill","none","url(#"+h+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return new Chart(i,{title:a.title,data:a.data,type:t,height:a.height,colors:n?a.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,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=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=r[l]||t.getAttribute(l),u=e[l],d={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&&(d.type=n);for(var p in d)h.setAttribute(p,d[p]);s.appendChild(h),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                              \n\t\t\t\t
                                              '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=n,this.x=t,this.y=e,this.title_value_first=r,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                              '+this.subtitle+'
                                              \n\t\t\t\t
                                              \n\t\t\t\t
                                              '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.max_slices=10,a.max_legend_points=6,a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this;this.grand_total=this.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],this.sliceTotals.map(function(e,i){var a=$.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"calc",value:function(){var t=this;this.sliceTotals=[];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.sliceTotals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.sliceTotals.slice(0,this.max_legend_points)}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){}}]),e}(BaseChart),ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.elements_to_animate=null,a.hoverRadio=i.hoverRadio||.1,a.max_slices=10,a.max_legend_points=6,a.isAnimate=!1,a.startAngle=i.startAngle||0,a.clockWise=i.clockWise||!1,a.mouseMove=a.mouseMove.bind(a),a.mouseLeave=a.mouseLeave.bind(a),a.setup(),a}return inherits(e,t),createClass(e,[{key:"calc",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,r=this.clockWise;return"M"+i+" "+a+" L"+(i+t.x)+" "+(a+t.y)+" A "+n+" "+n+" 0 0 "+(r?1:0)+" "+(i+e.x)+" "+(a+e.y)+" z"}},{key:"render",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 r=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.slice_totals.map(function(o,l){var h=s,c=o/i.grand_total*FULL_ANGLE,u=n?-c:c,d=s+=u,p=e.getPositionByAngle(h,a),f=e.getPositionByAngle(d,a),v=t&&r[l],g=void 0,m=void 0;t?(g=v?v.startPosition:p,m=v?v.endPosition:p):(g=p,m=f);var y=i.makeArcPath(g,m),_=makePath(y,"pie-path","none",i.colors[l]);_.style.transition="transform .3s;",i.drawArea.appendChild(_),i.slices.push(_),i.slicesProperties.push({startPosition:p,endPosition:f,value:o,total:i.grand_total,startAngle:h,endAngle:d,angle:u}),t&&i.elements_to_animate.push([{unit:_,array:i.slices,index:i.slices.length-1},{d:i.makeArcPath(p,f)},650,"easein",null,{d:y}])}),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 r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",h=(100*this.slice_totals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,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;n0?this.formatted_labels:this.labels;this.legend_totals.map(function(i,a){var n=t.colors[a];i&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}],[{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,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discrete_domains=i.discrete_domains||1,a.count_label=i.count_label||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legend_colors||[]).slice(0,5);return a.legend_colors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,h=s.top-r.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){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,c=equilizeNoOfElements(s,i),u=slicedToArray(c,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(h,r),m=slicedToArray(g,2);h=m[0],r=m[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var y=[];return this.store.map(function(r,s){y=y.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),y}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var h=equilizeNoOfElements(r,i),c=slicedToArray(h,2);r=c[0],i=c[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.set_values(o,l,a[r],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};export default Chart;
+function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                \n\t\t\t\t
                                                '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=n,this.x=t,this.y=e,this.title_value_first=r,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                '+this.subtitle+'
                                                \n\t\t\t\t
                                                \n\t\t\t\t
                                                '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}this.labels=[],n.map(function(i){e.sliceTotals.push(i[0]),t.labels.push(i[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grand_total=e.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],e.sliceTotals.map(function(e,i){var a=$.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"bindTooltip",value:function(){}}]),e}(AggregationChart),PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.hoverRadio=i.hoverRadio||.1,a.startAngle=i.startAngle||0,a.clockWise=i.clockWise||!1,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.state.sliceTotals.map(function(s,o){var l=r,c=s/e.grand_total*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t&&n[o],v=void 0,g=void 0;t?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,e.center,e.radius,e.clockWise),m=makePath(y,"pie-path","none",e.colors[o]);m.style.transition="transform .3s;",e.drawArea.appendChild(m),e.slices.push(m),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grand_total,startAngle:l,endAngle:u,angle:h}),t&&e.elements_to_animate.push([m,{d:makeArcPathStr(d,p,e.center,e.radius,e.clockWise)},650,"easein",null,{d:y}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,o,l,c+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,a=this.curActiveSlice,n=0;ni)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.count_label,u=" on "+n+" "+a[0]+", "+a[2];t.tip.set_values(l,c,u,h,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.set_values(o,l,a[r],"",c),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};export default Chart;
diff --git a/dist/frappe-charts.min.iife.js b/dist/frappe-charts.min.iife.js
index 76bcc2f..b26c8e3 100644
--- a/dist/frappe-charts.min.iife.js
+++ b/dist/frappe-charts.min.iife.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(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){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,At,"translate",{transform:a}]}function u(t,e,i){return c(t,[i,0],[e,0],_t)}function d(t,e,i){return c(t,[0,i],[0,e],_t)}function p(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},_t,At],c(t,[0,n],[0,i],_t)]}function f(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=l(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=yt(s,2),o=r[0],h=r[1];return h-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},xt,At],c(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,h],_t)]:[[t,{width:n,height:o,x:e,y:h},xt,At]]}function v(t,e,i){return"circle"!==t.nodeName?[c(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],_t)]:[[t,{cx:e,cy:i},xt,At]]}function g(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},kt,At];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},kt,At];a.push(h)}return a}function y(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function m(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)y(a).appendChild(i);else if("around"===n){var s=y(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ut(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 b(t,e){return m("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function x(t,e,i,n){return m("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function k(t,e,i,n){return m("svg",{className:e,inside:t,width:i,height:n})}function _(t){return m("defs",{inside:t})}function w(t,e){return m("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function A(t){return m("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 D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=b(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),x(a,"0%",e,s[0]),x(a,"50%",e,s[1]),x(a,"100%",e,s[2]),n}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),m("rect",r)}function M(t,e,i,n){return m("text",{className:t,x:e,y:i,dy:Ot/2+"px","font-size":Ot+"px",innerHTML:n})}function T(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Ct);var s=m("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=m("text",{x:0,y:i>n?i+Tt:i-Tt-Ot,dy:Ot+"px","font-size":Ot+"px","text-anchor":"middle",innerHTML:e}),o=m("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Ct),a.lineType||(a.lineType="");var s=m("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=m("text",{x:i3&&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=Ct),n.className||(n.className="");var a=-1*Mt,s="span"===n.mode?i+Mt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Mt,s=i),a+=n.offset,s+=n.offset,O(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Ct),n.className||(n.className="");var a=i+Mt,s="span"===n.mode?-1*Mt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Mt,s=0),T(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function N(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=m("text",{className:"chart-label",x:i-o(e,5)-Tt,y:0,dy:Ot/-2+"px","font-size":Ot+"px","text-anchor":"start",innerHTML:e+""}),s=O(t,"",0,i,{stroke:n.stroke||Ct,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function E(t,e,i,n){var a=t-e,s=m("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Ct,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=m("text",{className:"chart-label",x:i-o(n,4.5)-Tt,y:0,dy:Ot/-2+"px","font-size":Ot+"px","text-anchor":"start",innerHTML:n+""}),l=m("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function W(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},h=l(e,o.zeroLine),c=yt(h,2),u=c[0],d=c[1],p=m("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:u||o.minHeight});if(a||a.length){p.setAttribute("y",0),p.setAttribute("x",0);var f=m("text",{className:"data-point-value",x:i/2,y:0,dy:Ot/2*-1+"px","font-size":Ot+"px","text-anchor":"middle",innerHTML:a}),v=m("g",{transform:"translate("+t+", "+d+")"});return v.appendChild(p),v.appendChild(f),v}return p}function S(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=m("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=m("text",{className:"data-point-value",x:0,y:0,dy:Ot/2*-1-i+"px","font-size":Ot+"px","text-anchor":"middle",innerHTML:a}),o=m("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}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=e.map(function(e,i){return t[i]+","+e}).join("L"),r=A("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=D(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=A(c,"region-fill","none","url(#"+h+")")}return l}function j(t){return t>255?255:t<0?0:t}function Y(t,e){var i=St(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=j((a>>16)+e),r=j((a>>8&255)+e),o=j((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function H(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function R(t,e,i,n){if(t!==e){zt.includes(t)||console.error("'"+t+"' is not a valid chart type."),jt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Yt[e].includes(t);return new Jt(i,{title:n.title,data:n.data,type:t,height:n.height,colors:a?n.colors:void 0})}}function F(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:Ht[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)h.setAttribute(p,d[p]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function I(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function G(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=F.apply(void 0,mt(t)),l=yt(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 B(t,e,i){if(0!==i.length){var n=G(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},wt)}}function X(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function q(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function U(t,e){return Math.ceil(V(t,e)/7)}function V(t,e){return(X(e)-X(t))/864e5}function J(t,e){t.setDate(t.getDate()+e)}function K(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 $(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 Q(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=K(t),n=yt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=$(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function Z(t){function e(t,e){for(var i=Q(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,mt(t)),a=Math.min.apply(Math,mt(t)),s=[];if(n>=0&&a>=0)K(n)[1],s=i?Q(n,a):Q(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(K(n)[1],s=e(n,r)):(K(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);K(o)[1],s=(s=i?Q(o,l):Q(o)).reverse().map(function(t){return-1*t})}return s}function tt(t){var e=et(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 et(t){return t[1]-t[0]}function it(t){return t[t.length-1]-t[0]}function nt(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function at(t,e){for(var i=Math.max.apply(Math,mt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(Dt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Pt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ht(t,e,i){var n=Object.keys(qt).filter(function(e){return t.includes(e)}),a=qt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Xt(a)}function ct(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Ut(e,i)):"bar"===t?(i.type="bar",new Ut(e,i)):"axis-mixed"===t?(i.type="line",new Ut(e,i)):Vt[t]?new Vt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ut="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},dt=(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")}),pt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                  \n\t\t\t\t
                                                  '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",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:''+(0===i.value||i.value?i.value:"")+"\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}(),xt=350,kt=350,_t=xt,wt=250,At="easein",Dt=["line","bar"],Pt=8,Mt=6,Tt=4,Ot=10,Ct="#dadada",Lt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},Nt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Et={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},Wt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],St=function(t){return Et[t]||t},zt=["line","scatter","bar","percentage","heatmap","pie"],jt={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:[]},Yt={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},Ht={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"},Rt=function(){function e(t,i){if(dt(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return pt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                  '+this.subtitle+'
                                                  \n\t\t\t\t
                                                  \n\t\t\t\t
                                                  '}),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 bt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(B(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=k(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=_(this.svg),this.drawArea=w(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return R(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Ft=function(e){function i(t,e){dt(this,i);var n=gt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.max_slices=10,n.max_legend_points=6,n.setup(),n}return vt(i,e),pt(i,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this;this.grand_total=this.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],this.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"calc",value:function(){var t=this;this.sliceTotals=[];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.sliceTotals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.sliceTotals.slice(0,this.max_legend_points)}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){}}]),i}(Rt),It=Math.PI/180,Gt=function(i){function n(t,e){dt(this,n);var i=gt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="pie",i.elements_to_animate=null,i.hoverRadio=e.hoverRadio||.1,i.max_slices=10,i.max_legend_points=6,i.isAnimate=!1,i.startAngle=e.startAngle||0,i.clockWise=e.clockWise||!1,i.mouseMove=i.mouseMove.bind(i),i.mouseLeave=i.mouseLeave.bind(i),i.setup(),i}return vt(n,i),pt(n,[{key:"calc",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:"render",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,d=r+=u,p=n.getPositionByAngle(h,i),f=n.getPositionByAngle(d,i),v=t&&s[l],g=void 0,y=void 0;t?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=e.makeArcPath(g,y),b=A(m,"pie-path","none",e.colors[l]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:p,endPosition:f,value:o,total:e.grand_total,startAngle:h,endAngle:d,angle:u}),t&&e.elements_to_animate.push([{unit:b,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(p,f)},650,"easein",null,{d:m}])}),t&&B(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){I(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=Y(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 I(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;a0?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='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+n+"\n\t\t\t\t")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*It)*e,y:Math.cos(t*It)*e}}}]),n}(Rt),Bt=function(t){function e(t,i){dt(this,e);var n=gt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discrete_domains=i.discrete_domains||1,n.count_label=i.count_label||"";var a=new Date;n.start=i.start||J(a,365);var s=(i.legend_colors||[]).slice(0,5);return n.legend_colors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return vt(e,t),pt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){H(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){ft(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&J(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&J(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=U(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){ft(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=w(this.drawArea,"domain-label-group chart-label"),this.dataGroups=w(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=at(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){ft(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Rt),Xt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;dt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return pt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=w(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),qt={yAxis:{layerClass:"y axis",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=yt(s,2);n=r[0],e=r[1];var o=h(a,i),l=yt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=h(n,e),r=yt(s,2);n=r[0],e=r[1];var o=h(a,i),l=yt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return u(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return N(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=yt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return E(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=yt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(p(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return W(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,u=h(r,i),d=yt(u,2);r=d[0],i=d[1];var p=h(o,n),v=yt(p,2);o=v[0],n=v[1];var g=h(l,a),y=yt(g,2);l=y[0],a=y[1];var m=h(c,s),b=yt(m,2);c=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(f(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=z(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return S(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=yt(o,2);a=l[0],e=l[1];var c=h(s,i),u=yt(c,2);s=u[0],i=u[1];var d=h(r,n),p=yt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(g(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(v(t,e[n],i[n]))}),f}}},Ut=function(t){function i(t,e){dt(this,i);var n=gt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return vt(i,t),pt(i,[{key:"configure",value:function(t){ft(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){ft(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return rt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ot(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=Z(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/it(e),n=et(e)*i,a=this.height-tt(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return nt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=Lt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Nt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;ft(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;ft(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Rt),Vt={percentage:Ft,heatmap:Bt,pie:Gt},Jt=function t(e,i){return dt(this,t),ct(i.type,e,i)};return Jt}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*At)*e,y:Math.cos(t*At)*e}}function h(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Mt,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Dt)}function d(t,e,i){return u(t,[0,i],[0,e],Dt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Dt,Mt],u(t,[0,n],[0,i],Dt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=bt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Ot,Mt],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Dt)]:[[t,{width:n,height:o,x:e,y:l},Ot,Mt]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Dt)]:[[t,{cx:e,cy:i},Ot,Mt]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Tt,Mt];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Tt,Mt];a.push(h)}return a}function m(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function b(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)m(a).appendChild(i);else if("around"===n){var s=m(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":dt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function x(t,e){return b("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function k(t,e,i,n){return b("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function _(t,e,i,n){return b("svg",{className:e,inside:t,width:i,height:n})}function w(t){return b("defs",{inside:t})}function A(t,e){return b("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function O(t){return b("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function T(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=x(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),k(a,"0%",e,s[0]),k(a,"50%",e,s[1]),k(a,"100%",e,s[2]),n}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),b("rect",r)}function M(t,e,i,n){return b("text",{className:t,x:e,y:i,dy:Nt/2+"px","font-size":Nt+"px",innerHTML:n})}function L(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=b("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=b("text",{x:0,y:i>n?i+Ct:i-Ct-Nt,dy:Nt+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:e}),o=b("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=b("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=b("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=-1*Lt,s="span"===n.mode?i+Lt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Lt,s=i),a+=n.offset,s+=n.offset,C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=i+Lt,s="span"===n.mode?-1*Lt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Lt,s=0),L(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function S(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=b("text",{className:"chart-label",x:i-o(e,5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:e+""}),s=C(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function W(t,e,i,n){var a=t-e,s=b("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=b("text",{className:"chart-label",x:i-o(n,4.5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:n+""}),l=b("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=h(e,o.zeroLine),c=bt(l,2),u=c[0],p=c[1],d=b("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if(a||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=b("text",{className:"data-point-value",x:i/2,y:0,dy:Nt/2*-1+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),v=b("g",{transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=b("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=b("text",{className:"data-point-value",x:0,y:0,dy:Nt/2*-1-i+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),o=b("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=O("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=D(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=O(c,"region-fill","none","url(#"+h+")")}return l}function H(t){return t>255?255:t<0?0:t}function R(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=H((a>>16)+e),r=H((a>>8&255)+e),o=H((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function F(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function I(t,e,i,n){if(t!==e){Ht.includes(t)||console.error("'"+t+"' is not a valid chart type."),Rt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Ft[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new Qt(i,n)}}function G(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:It[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(p.type=a);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function B(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function X(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=G.apply(void 0,xt(t)),l=bt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function q(t,e,i){if(0!==i.length){var n=X(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Pt)}}function U(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function V(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function J(t,e){return Math.ceil(K(t,e)/7)}function K(t,e){return(U(e)-U(t))/864e5}function $(t,e){t.setDate(t.getDate()+e)}function Q(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function Z(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Q(t),n=bt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=Z(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function et(t){function e(t,e){for(var i=tt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,xt(t)),a=Math.min.apply(Math,xt(t)),s=[];if(n>=0&&a>=0)Q(n)[1],s=i?tt(n,a):tt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(Q(n)[1],s=e(n,r)):(Q(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);Q(o)[1],s=(s=i?tt(o,l):tt(o)).reverse().map(function(t){return-1*t})}return s}function it(t){var e=nt(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function nt(t){return t[1]-t[0]}function at(t){return t[t.length-1]-t[0]}function st(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function rt(t,e){for(var i=Math.max.apply(Math,xt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(_t.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/wt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ut(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Vt(a)}function pt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Kt(e,i)):"bar"===t?(i.type="bar",new Kt(e,i)):"axis-mixed"===t?(i.type="line",new Kt(e,i)):$t[t]?new $t[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var dt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ft=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),vt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                    \n\t\t\t\t
                                                    '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",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:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.data_point_list.appendChild(s)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=n,this.list_values=a,this.x=t,this.y=e,this.title_value_first=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),_t=["line","bar"],wt=8,At=Math.PI/180,Ot=350,Tt=350,Dt=Ot,Pt=250,Mt="easein",Lt=6,Ct=4,Nt=10,Et="#dadada",St={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},Wt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},zt={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},jt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return zt[t]||t},Ht=["line","scatter","bar","percentage","heatmap","pie"],Rt={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Ft={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},It={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},Gt=function(){function e(t,i){if(ft(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return vt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                    '+this.subtitle+'
                                                    \n\t\t\t\t
                                                    \n\t\t\t\t
                                                    '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new kt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(q(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=_(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=w(this.svg),this.drawArea=A(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return I(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Bt=function(e){function i(t,e){return ft(this,i),mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return yt(i,e),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}this.labels=[],a.map(function(i){e.sliceTotals.push(i[0]),t.labels.push(i[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(Gt),Xt=function(e){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.setup(),n}return yt(i,e),vt(i,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grand_total=i.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],i.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){}}]),i}(Bt),qt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.hoverRadio=e.hoverRadio||.1,n.startAngle=e.startAngle||0,n.clockWise=e.clockWise||!1,n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,n=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var a=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.state.sliceTotals.map(function(r,o){var h=s,c=r/e.grand_total*360,u=n?-c:c,p=s+=u,d=l(h,i),f=l(p,i),v=t&&a[o],g=void 0,y=void 0;t?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=T(g,y,e.center,e.radius,e.clockWise),b=O(m,"pie-path","none",e.colors[o]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grand_total,startAngle:h,endAngle:p,angle:u}),t&&e.elements_to_animate.push([b,{d:T(d,f,e.center,e.radius,e.clockWise)},650,"easein",null,{d:m}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){B(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=R(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else B(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;ai)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Gt),Vt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;ft(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return vt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=A(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return N(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return S(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return W(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return z(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),p=bt(u,2);r=p[0],i=p[1];var d=c(o,n),f=bt(d,2);o=f[0],n=f[1];var g=c(l,a),y=bt(g,2);l=y[0],a=y[1];var m=c(h,s),b=bt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=Y(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return j(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=c(a,e),l=bt(o,2);a=l[0],e=l[1];var h=c(s,i),u=bt(h,2);s=u[0],i=u[1];var p=c(r,n),d=bt(p,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return lt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ht(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=et(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/at(e),n=nt(e)*i,a=this.height-it(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return st(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=St[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Wt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Gt),$t={percentage:Xt,heatmap:Ut,pie:qt},Qt=function t(e,i){return ft(this,t),pt(i.type,e,i)};return Qt}();
 //# sourceMappingURL=frappe-charts.min.iife.js.map
diff --git a/dist/frappe-charts.min.iife.js.map b/dist/frappe-charts.min.iife.js.map
index 375612d..ea6859a 100644
--- a/dist/frappe-charts.min.iife.js.map
+++ b/dist/frappe-charts.min.iife.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/animate.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/config.js","../src/js/utils/animation.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/objects/ChartComponents.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\treturn new Chart(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","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                      \n\t\t\t\t
                                                      `\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 = `${this.title_value}${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}${this.title_value}`;\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: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                      ${this.title}
                                                      \n\t\t\t\t
                                                      ${this.subtitle}
                                                      \n\t\t\t\t
                                                      \n\t\t\t\t
                                                      `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, 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.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tthis.grand_total = this.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tcalc() {\n\t\tthis.sliceTotals = [];\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.sliceTotals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.sliceTotals.slice(0, this.max_legend_points);\n\t}\n\n\tbindTooltip() {\n\t\t// this.slices.map((slice, i) => {\n\t\t// \tslice.addEventListener('mouseenter', () => {\n\t\t// \t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t// \t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t// \t\tlet y = p_off.top - g_off.top - 6;\n\t\t// \t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t// \t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t// \t\tlet percent = (this.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t// \t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t// \t\tthis.tip.show_tip();\n\t\t// \t});\n\t\t// });\n\t}\n\n\trenderLegend() {\n\t\t// let x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t// \t? this.formatted_labels : this.labels;\n\t\t// this.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 = `\n\t\t// \t\t\t\n\t\t// \t\t\t${x_values[i]}:\n\t\t// \t\t\t${d}\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';\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(parent, args) {\n\t\tsuper(parent, 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\tcalc() {\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\trender(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\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.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 = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\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(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions(s=this.state) {\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\t// console.log('barDatasets', barDatasets, this.state.datasets);\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\n\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","radius","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","Chart","title","colors","undefined","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","this","hide_tip","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","makeTooltip","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","sliceTotals","reduce","a","slices","total","all_totals","totals","sort","sum_of_others","legend_totals","ANGLE_RATIO","PI","PieChart","elements_to_animate","hoverRadio","isAnimate","startAngle","clockWise","mouseMove","mouseLeave","centerX","centerY","slice_totals","startPosition","endPosition","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","_this3","diffAngle","endAngle","getPositionByAngle","prevProperty","curStart","curEnd","curPath","makeArcPath","transition","property","position","angle","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","set_values","show_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","x_values","sin","cos","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","s","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/animate.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/config.js","../src/js/utils/animation.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/objects/ChartComponents.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                        \n\t\t\t\t
                                                        `\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 = `${this.title_value}${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}${this.title_value}`;\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: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                        ${this.title}
                                                        \n\t\t\t\t
                                                        ${this.subtitle}
                                                        \n\t\t\t\t
                                                        \n\t\t\t\t
                                                        `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\t}\n\n\trender() { }\n\n\tbindTooltip() { }\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\t\t// this.slices.map((slice, i) => {\n\t\t// \tslice.addEventListener('mouseenter', () => {\n\t\t// \t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t// \t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t// \t\tlet y = p_off.top - g_off.top - 6;\n\t\t// \t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t// \t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t// \t\tlet percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t// \t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t// \t\tthis.tip.show_tip();\n\t\t// \t});\n\t\t// });\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\t}\n\tcalc() {\n\t\tsuper.calc();\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t}\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\t}\n\n\trender(init) {\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\n\t\tthis.state.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([slice,\n\t\t\t\t\t{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\t// if(init){\n\t\t// \trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t// }\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\n\t\t\ttransform(path, this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\t// console.log('barDatasets', barDatasets, this.state.datasets);\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\n\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","this","hide_tip","title","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","makeTooltip","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","reduce","slices","PieChart","hoverRadio","startAngle","mouseMove","mouseLeave","prevSlicesProperties","slicesProperties","elements_to_animate","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","transition","property","position","flag","calTranslateByAngle","g_off","pageX","pageY","percent","set_values","show_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/frappe-charts.min.js b/docs/assets/js/frappe-charts.min.js
index adb63ae..c02bace 100644
--- a/docs/assets/js/frappe-charts.min.js
+++ b/docs/assets/js/frappe-charts.min.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(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){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,At,"translate",{transform:a}]}function u(t,e,i){return c(t,[i,0],[e,0],_t)}function d(t,e,i){return c(t,[0,i],[0,e],_t)}function p(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},_t,At],c(t,[0,n],[0,i],_t)]}function f(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=l(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=yt(s,2),o=r[0],h=r[1];return h-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},xt,At],c(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,h],_t)]:[[t,{width:n,height:o,x:e,y:h},xt,At]]}function v(t,e,i){return"circle"!==t.nodeName?[c(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],_t)]:[[t,{cx:e,cy:i},xt,At]]}function g(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},kt,At];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},kt,At];a.push(h)}return a}function y(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function m(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)y(a).appendChild(i);else if("around"===n){var s=y(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ut(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 b(t,e){return m("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function x(t,e,i,n){return m("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function k(t,e,i,n){return m("svg",{className:e,inside:t,width:i,height:n})}function _(t){return m("defs",{inside:t})}function w(t,e){return m("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function A(t){return m("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 D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=b(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),x(a,"0%",e,s[0]),x(a,"50%",e,s[1]),x(a,"100%",e,s[2]),n}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),m("rect",r)}function M(t,e,i,n){return m("text",{className:t,x:e,y:i,dy:Ot/2+"px","font-size":Ot+"px",innerHTML:n})}function T(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Ct);var s=m("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=m("text",{x:0,y:i>n?i+Tt:i-Tt-Ot,dy:Ot+"px","font-size":Ot+"px","text-anchor":"middle",innerHTML:e}),o=m("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Ct),a.lineType||(a.lineType="");var s=m("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=m("text",{x:i3&&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=Ct),n.className||(n.className="");var a=-1*Mt,s="span"===n.mode?i+Mt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Mt,s=i),a+=n.offset,s+=n.offset,O(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function L(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Ct),n.className||(n.className="");var a=i+Mt,s="span"===n.mode?-1*Mt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Mt,s=0),T(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function N(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=m("text",{className:"chart-label",x:i-o(e,5)-Tt,y:0,dy:Ot/-2+"px","font-size":Ot+"px","text-anchor":"start",innerHTML:e+""}),s=O(t,"",0,i,{stroke:n.stroke||Ct,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function E(t,e,i,n){var a=t-e,s=m("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Ct,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=m("text",{className:"chart-label",x:i-o(n,4.5)-Tt,y:0,dy:Ot/-2+"px","font-size":Ot+"px","text-anchor":"start",innerHTML:n+""}),l=m("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function W(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},h=l(e,o.zeroLine),c=yt(h,2),u=c[0],d=c[1],p=m("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:u||o.minHeight});if(a||a.length){p.setAttribute("y",0),p.setAttribute("x",0);var f=m("text",{className:"data-point-value",x:i/2,y:0,dy:Ot/2*-1+"px","font-size":Ot+"px","text-anchor":"middle",innerHTML:a}),v=m("g",{transform:"translate("+t+", "+d+")"});return v.appendChild(p),v.appendChild(f),v}return p}function S(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=m("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=m("text",{className:"data-point-value",x:0,y:0,dy:Ot/2*-1-i+"px","font-size":Ot+"px","text-anchor":"middle",innerHTML:a}),o=m("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}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=e.map(function(e,i){return t[i]+","+e}).join("L"),r=A("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=D(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=A(c,"region-fill","none","url(#"+h+")")}return l}function j(t){return t>255?255:t<0?0:t}function Y(t,e){var i=St(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=j((a>>16)+e),r=j((a>>8&255)+e),o=j((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function H(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function R(t,e,i,n){if(t!==e){zt.includes(t)||console.error("'"+t+"' is not a valid chart type."),jt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Yt[e].includes(t);return new Jt(i,{title:n.title,data:n.data,type:t,height:n.height,colors:a?n.colors:void 0})}}function F(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:Ht[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)h.setAttribute(p,d[p]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function I(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function G(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=F.apply(void 0,mt(t)),l=yt(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 B(t,e,i){if(0!==i.length){var n=G(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},wt)}}function X(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function q(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function U(t,e){return Math.ceil(V(t,e)/7)}function V(t,e){return(X(e)-X(t))/864e5}function J(t,e){t.setDate(t.getDate()+e)}function K(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 $(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 Q(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=K(t),n=yt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=$(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function Z(t){function e(t,e){for(var i=Q(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,mt(t)),a=Math.min.apply(Math,mt(t)),s=[];if(n>=0&&a>=0)K(n)[1],s=i?Q(n,a):Q(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(K(n)[1],s=e(n,r)):(K(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);K(o)[1],s=(s=i?Q(o,l):Q(o)).reverse().map(function(t){return-1*t})}return s}function tt(t){var e=et(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 et(t){return t[1]-t[0]}function it(t){return t[t.length-1]-t[0]}function nt(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function at(t,e){for(var i=Math.max.apply(Math,mt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(Dt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Pt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ht(t,e,i){var n=Object.keys(qt).filter(function(e){return t.includes(e)}),a=qt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Xt(a)}function ct(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Ut(e,i)):"bar"===t?(i.type="bar",new Ut(e,i)):"axis-mixed"===t?(i.type="line",new Ut(e,i)):Vt[t]?new Vt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ut="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},dt=(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")}),pt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                          \n\t\t\t\t
                                                          '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",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:''+(0===i.value||i.value?i.value:"")+"\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}(),xt=350,kt=350,_t=xt,wt=250,At="easein",Dt=["line","bar"],Pt=8,Mt=6,Tt=4,Ot=10,Ct="#dadada",Lt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},Nt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Et={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},Wt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta"],St=function(t){return Et[t]||t},zt=["line","scatter","bar","percentage","heatmap","pie"],jt={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:[]},Yt={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},Ht={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"},Rt=function(){function e(t,i){if(dt(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return pt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                          '+this.subtitle+'
                                                          \n\t\t\t\t
                                                          \n\t\t\t\t
                                                          '}),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 bt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(B(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=k(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=_(this.svg),this.drawArea=w(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return R(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Ft=function(e){function i(t,e){dt(this,i);var n=gt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.max_slices=10,n.max_legend_points=6,n.setup(),n}return vt(i,e),pt(i,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this;this.grand_total=this.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],this.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"calc",value:function(){var t=this;this.sliceTotals=[];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.sliceTotals.push(e[0]),t.labels.push(e[1])}),this.legend_totals=this.sliceTotals.slice(0,this.max_legend_points)}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){}}]),i}(Rt),It=Math.PI/180,Gt=function(i){function n(t,e){dt(this,n);var i=gt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="pie",i.elements_to_animate=null,i.hoverRadio=e.hoverRadio||.1,i.max_slices=10,i.max_legend_points=6,i.isAnimate=!1,i.startAngle=e.startAngle||0,i.clockWise=e.clockWise||!1,i.mouseMove=i.mouseMove.bind(i),i.mouseLeave=i.mouseLeave.bind(i),i.setup(),i}return vt(n,i),pt(n,[{key:"calc",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:"render",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,d=r+=u,p=n.getPositionByAngle(h,i),f=n.getPositionByAngle(d,i),v=t&&s[l],g=void 0,y=void 0;t?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=e.makeArcPath(g,y),b=A(m,"pie-path","none",e.colors[l]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:p,endPosition:f,value:o,total:e.grand_total,startAngle:h,endAngle:d,angle:u}),t&&e.elements_to_animate.push([{unit:b,array:e.slices,index:e.slices.length-1},{d:e.makeArcPath(p,f)},650,"easein",null,{d:m}])}),t&&B(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){I(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=Y(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 I(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;a0?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='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+n+"\n\t\t\t\t")})}}],[{key:"getPositionByAngle",value:function(t,e){return{x:Math.sin(t*It)*e,y:Math.cos(t*It)*e}}}]),n}(Rt),Bt=function(t){function e(t,i){dt(this,e);var n=gt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discrete_domains=i.discrete_domains||1,n.count_label=i.count_label||"";var a=new Date;n.start=i.start||J(a,365);var s=(i.legend_colors||[]).slice(0,5);return n.legend_colors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return vt(e,t),pt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){H(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){ft(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&J(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&J(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=U(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){ft(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=w(this.drawArea,"domain-label-group chart-label"),this.dataGroups=w(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=at(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){ft(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Rt),Xt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;dt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return pt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=w(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),qt={yAxis:{layerClass:"y axis",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=yt(s,2);n=r[0],e=r[1];var o=h(a,i),l=yt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return L(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=h(n,e),r=yt(s,2);n=r[0],e=r[1];var o=h(a,i),l=yt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return u(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return N(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=yt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return E(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=yt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(p(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return W(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,u=h(r,i),d=yt(u,2);r=d[0],i=d[1];var p=h(o,n),v=yt(p,2);o=v[0],n=v[1];var g=h(l,a),y=yt(g,2);l=y[0],a=y[1];var m=h(c,s),b=yt(m,2);c=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(f(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=z(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return S(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=yt(o,2);a=l[0],e=l[1];var c=h(s,i),u=yt(c,2);s=u[0],i=u[1];var d=h(r,n),p=yt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(g(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(v(t,e[n],i[n]))}),f}}},Ut=function(t){function i(t,e){dt(this,i);var n=gt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return vt(i,t),pt(i,[{key:"configure",value:function(t){ft(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){ft(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return rt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ot(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=Z(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/it(e),n=et(e)*i,a=this.height-tt(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return nt(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=Lt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Nt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;ft(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;ft(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Rt),Vt={percentage:Ft,heatmap:Bt,pie:Gt},Jt=function t(e,i){return dt(this,t),ct(i.type,e,i)};return Jt}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*At)*e,y:Math.cos(t*At)*e}}function h(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Mt,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Dt)}function d(t,e,i){return u(t,[0,i],[0,e],Dt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Dt,Mt],u(t,[0,n],[0,i],Dt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=bt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Ot,Mt],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Dt)]:[[t,{width:n,height:o,x:e,y:l},Ot,Mt]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Dt)]:[[t,{cx:e,cy:i},Ot,Mt]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Tt,Mt];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Tt,Mt];a.push(h)}return a}function m(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function b(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)m(a).appendChild(i);else if("around"===n){var s=m(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":dt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function x(t,e){return b("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function k(t,e,i,n){return b("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function _(t,e,i,n){return b("svg",{className:e,inside:t,width:i,height:n})}function w(t){return b("defs",{inside:t})}function A(t,e){return b("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function O(t){return b("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function T(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=x(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),k(a,"0%",e,s[0]),k(a,"50%",e,s[1]),k(a,"100%",e,s[2]),n}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),b("rect",r)}function M(t,e,i,n){return b("text",{className:t,x:e,y:i,dy:Nt/2+"px","font-size":Nt+"px",innerHTML:n})}function L(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=b("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=b("text",{x:0,y:i>n?i+Ct:i-Ct-Nt,dy:Nt+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:e}),o=b("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=b("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=b("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=-1*Lt,s="span"===n.mode?i+Lt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Lt,s=i),a+=n.offset,s+=n.offset,C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=i+Lt,s="span"===n.mode?-1*Lt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Lt,s=0),L(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function S(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=b("text",{className:"chart-label",x:i-o(e,5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:e+""}),s=C(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function W(t,e,i,n){var a=t-e,s=b("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=b("text",{className:"chart-label",x:i-o(n,4.5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:n+""}),l=b("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=h(e,o.zeroLine),c=bt(l,2),u=c[0],p=c[1],d=b("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if(a||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=b("text",{className:"data-point-value",x:i/2,y:0,dy:Nt/2*-1+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),v=b("g",{transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=b("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=b("text",{className:"data-point-value",x:0,y:0,dy:Nt/2*-1-i+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),o=b("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=O("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=D(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=O(c,"region-fill","none","url(#"+h+")")}return l}function H(t){return t>255?255:t<0?0:t}function R(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=H((a>>16)+e),r=H((a>>8&255)+e),o=H((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function F(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function I(t,e,i,n){if(t!==e){Ht.includes(t)||console.error("'"+t+"' is not a valid chart type."),Rt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Ft[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new Qt(i,n)}}function G(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:It[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(p.type=a);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function B(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function X(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=G.apply(void 0,xt(t)),l=bt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function q(t,e,i){if(0!==i.length){var n=X(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Pt)}}function U(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function V(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function J(t,e){return Math.ceil(K(t,e)/7)}function K(t,e){return(U(e)-U(t))/864e5}function $(t,e){t.setDate(t.getDate()+e)}function Q(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function Z(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Q(t),n=bt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=Z(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function et(t){function e(t,e){for(var i=tt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,xt(t)),a=Math.min.apply(Math,xt(t)),s=[];if(n>=0&&a>=0)Q(n)[1],s=i?tt(n,a):tt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(Q(n)[1],s=e(n,r)):(Q(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);Q(o)[1],s=(s=i?tt(o,l):tt(o)).reverse().map(function(t){return-1*t})}return s}function it(t){var e=nt(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function nt(t){return t[1]-t[0]}function at(t){return t[t.length-1]-t[0]}function st(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function rt(t,e){for(var i=Math.max.apply(Math,xt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(_t.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/wt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ut(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Vt(a)}function pt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Kt(e,i)):"bar"===t?(i.type="bar",new Kt(e,i)):"axis-mixed"===t?(i.type="line",new Kt(e,i)):$t[t]?new $t[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var dt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ft=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),vt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                            \n\t\t\t\t
                                                            '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",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:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.data_point_list.appendChild(s)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=n,this.list_values=a,this.x=t,this.y=e,this.title_value_first=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),_t=["line","bar"],wt=8,At=Math.PI/180,Ot=350,Tt=350,Dt=Ot,Pt=250,Mt="easein",Lt=6,Ct=4,Nt=10,Et="#dadada",St={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},Wt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},zt={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},jt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return zt[t]||t},Ht=["line","scatter","bar","percentage","heatmap","pie"],Rt={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Ft={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},It={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},Gt=function(){function e(t,i){if(ft(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return vt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                            '+this.subtitle+'
                                                            \n\t\t\t\t
                                                            \n\t\t\t\t
                                                            '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new kt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(q(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=_(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=w(this.svg),this.drawArea=A(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return I(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Bt=function(e){function i(t,e){return ft(this,i),mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return yt(i,e),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}this.labels=[],a.map(function(i){e.sliceTotals.push(i[0]),t.labels.push(i[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(Gt),Xt=function(e){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.setup(),n}return yt(i,e),vt(i,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grand_total=i.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],i.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){}}]),i}(Bt),qt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.hoverRadio=e.hoverRadio||.1,n.startAngle=e.startAngle||0,n.clockWise=e.clockWise||!1,n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,n=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var a=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.state.sliceTotals.map(function(r,o){var h=s,c=r/e.grand_total*360,u=n?-c:c,p=s+=u,d=l(h,i),f=l(p,i),v=t&&a[o],g=void 0,y=void 0;t?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=T(g,y,e.center,e.radius,e.clockWise),b=O(m,"pie-path","none",e.colors[o]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grand_total,startAngle:h,endAngle:p,angle:u}),t&&e.elements_to_animate.push([b,{d:T(d,f,e.center,e.radius,e.clockWise)},650,"easein",null,{d:m}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){B(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=R(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else B(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;ai)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Gt),Vt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;ft(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return vt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=A(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return N(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return S(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return W(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return z(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),p=bt(u,2);r=p[0],i=p[1];var d=c(o,n),f=bt(d,2);o=f[0],n=f[1];var g=c(l,a),y=bt(g,2);l=y[0],a=y[1];var m=c(h,s),b=bt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=Y(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return j(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=c(a,e),l=bt(o,2);a=l[0],e=l[1];var h=c(s,i),u=bt(h,2);s=u[0],i=u[1];var p=c(r,n),d=bt(p,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return lt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ht(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=et(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/at(e),n=nt(e)*i,a=this.height-it(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return st(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=St[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Wt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Gt),$t={percentage:Xt,heatmap:Ut,pie:qt},Qt=function t(e,i){return ft(this,t),pt(i.type,e,i)};return Qt}();
 //# sourceMappingURL=frappe-charts.min.js.map
diff --git a/docs/assets/js/frappe-charts.min.js.map b/docs/assets/js/frappe-charts.min.js.map
index ee4a938..eabd3cd 100644
--- a/docs/assets/js/frappe-charts.min.js.map
+++ b/docs/assets/js/frappe-charts.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/objects/ChartComponents.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\treturn new Chart(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","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                              \n\t\t\t\t
                                                              `\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 = `${this.title_value}${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}${this.title_value}`;\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: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                              ${this.title}
                                                              \n\t\t\t\t
                                                              ${this.subtitle}
                                                              \n\t\t\t\t
                                                              \n\t\t\t\t
                                                              `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, 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.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tthis.grand_total = this.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\tthis.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tcalc() {\n\t\tthis.sliceTotals = [];\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.sliceTotals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\n\t\tthis.legend_totals = this.sliceTotals.slice(0, this.max_legend_points);\n\t}\n\n\tbindTooltip() {\n\t\t// this.slices.map((slice, i) => {\n\t\t// \tslice.addEventListener('mouseenter', () => {\n\t\t// \t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t// \t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t// \t\tlet y = p_off.top - g_off.top - 6;\n\t\t// \t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t// \t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t// \t\tlet percent = (this.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t// \t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t// \t\tthis.tip.show_tip();\n\t\t// \t});\n\t\t// });\n\t}\n\n\trenderLegend() {\n\t\t// let x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t// \t? this.formatted_labels : this.labels;\n\t\t// this.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 = `\n\t\t// \t\t\t\n\t\t// \t\t\t${x_values[i]}:\n\t\t// \t\t\t${d}\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';\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(parent, args) {\n\t\tsuper(parent, 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\tcalc() {\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\trender(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\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.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 = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\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(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions(s=this.state) {\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\t// console.log('barDatasets', barDatasets, this.state.datasets);\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\n\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","radius","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","Chart","title","colors","undefined","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","this","hide_tip","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","makeTooltip","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","PercentageChart","max_slices","max_legend_points","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","sliceTotals","reduce","a","slices","total","all_totals","totals","sort","sum_of_others","legend_totals","ANGLE_RATIO","PI","PieChart","elements_to_animate","hoverRadio","isAnimate","startAngle","clockWise","mouseMove","mouseLeave","centerX","centerY","slice_totals","startPosition","endPosition","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","_this3","diffAngle","endAngle","getPositionByAngle","prevProperty","curStart","curEnd","curPath","makeArcPath","transition","property","position","angle","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","percent","set_values","show_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","x_values","sin","cos","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","s","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/objects/ChartComponents.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.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: `\n\t\t\t\t
                                                                \n\t\t\t\t
                                                                `\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 = `${this.title_value}${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}${this.title_value}`;\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: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                ${this.title}
                                                                \n\t\t\t\t
                                                                ${this.subtitle}
                                                                \n\t\t\t\t
                                                                \n\t\t\t\t
                                                                `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\t}\n\n\trender() { }\n\n\tbindTooltip() { }\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\t\t// this.slices.map((slice, i) => {\n\t\t// \tslice.addEventListener('mouseenter', () => {\n\t\t// \t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t// \t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t// \t\tlet y = p_off.top - g_off.top - 6;\n\t\t// \t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t// \t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t// \t\tlet percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t// \t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t// \t\tthis.tip.show_tip();\n\t\t// \t});\n\t\t// });\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\t}\n\tcalc() {\n\t\tsuper.calc();\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t}\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\t}\n\n\trender(init) {\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\n\t\tthis.state.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([slice,\n\t\t\t\t\t{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\t// if(init){\n\t\t// \trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t// }\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\n\t\t\ttransform(path, this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\t// console.log('barDatasets', barDatasets, this.state.datasets);\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\n\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","this","hide_tip","title","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","makeTooltip","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","reduce","slices","PieChart","hoverRadio","startAngle","mouseMove","mouseLeave","prevSlicesProperties","slicesProperties","elements_to_animate","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","transition","property","position","flag","calTranslateByAngle","g_off","pageX","pageY","percent","set_values","show_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/index.js b/docs/assets/js/index.js
index bc03f7a..a1911ac 100755
--- a/docs/assets/js/index.js
+++ b/docs/assets/js/index.js
@@ -176,6 +176,8 @@ let type_chart = new Chart("#chart-types", {
 	xAxisMode: 'tick',
 	yAxisMode: 'span',
 	valuesOverPoints: 1,
+	// maxLegendPoints: 6,
+	// maxSlices: 3,
 	isNavigable: 1,
 	barOptions: {
 		stacked: 1
diff --git a/src/js/charts/AggregationChart.js b/src/js/charts/AggregationChart.js
new file mode 100644
index 0000000..c5cee1d
--- /dev/null
+++ b/src/js/charts/AggregationChart.js
@@ -0,0 +1,75 @@
+import BaseChart from './BaseChart';
+import { $, getOffset } from '../utils/dom';
+
+export default class AggregationChart extends BaseChart {
+	constructor(parent, args) {
+		super(parent, args);
+	}
+
+	configure(args) {
+		super.configure(args);
+
+		this.config.maxSlices = args.maxSlices || 20;
+		this.config.maxLegendPoints = args.maxLegendPoints || 20;
+	}
+
+	calc() {
+		let s = this.state;
+		let maxSlices = this.config.maxSlices;
+		s.sliceTotals = [];
+
+		let allTotals = this.data.labels.map((label, i) => {
+			let total = 0;
+			this.data.datasets.map(e => {
+				total += e.values[i];
+			});
+			return [total, label];
+		}).filter(d => { return d[0] > 0; }); // keep only positive results
+
+		let totals = allTotals;
+		if(allTotals.length > maxSlices) {
+			// Prune and keep a grey area for rest as per maxSlices
+			allTotals.sort((a, b) => { return b[0] - a[0]; });
+
+			totals = allTotals.slice(0, maxSlices-1);
+			let remaining = allTotals.slice(maxSlices-1);
+
+			let sumOfRemaining = 0;
+			remaining.map(d => {sumOfRemaining += d[0];});
+			totals.push([sumOfRemaining, 'Rest']);
+			this.colors[maxSlices-1] = 'grey';
+		}
+
+		this.labels = [];
+		totals.map(d => {
+			s.sliceTotals.push(d[0]);
+			this.labels.push(d[1]);
+		});
+	}
+
+	render() { }
+
+	bindTooltip() { }
+
+	renderLegend() {
+		let s = this.state;
+
+		this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);
+
+		let x_values = this.formatted_labels && this.formatted_labels.length > 0
+			? this.formatted_labels : this.labels;
+		this.legendTotals.map((d, i) => {
+			if(d) {
+				let stats = $.create('div', {
+					className: 'stats',
+					inside: this.statsWrapper
+				});
+				stats.innerHTML = `
+					
+					${x_values[i]}:
+					${d}
+				`;
+			}
+		});
+	}
+}
diff --git a/src/js/charts/AxisChart.js b/src/js/charts/AxisChart.js
index 94b4c25..c061ec4 100644
--- a/src/js/charts/AxisChart.js
+++ b/src/js/charts/AxisChart.js
@@ -56,7 +56,8 @@ export default class AxisChart extends BaseChart {
 		this.calcYAxisParameters(this.getAllYValues(), this.type === 'line');
 	}
 
-	calcXPositions(s=this.state) {
+	calcXPositions() {
+		let s = this.state;
 		let labels = this.data.labels;
 		s.datasetLength = labels.length;
 
diff --git a/src/js/charts/PercentageChart.js b/src/js/charts/PercentageChart.js
index 7424a7e..31a657e 100644
--- a/src/js/charts/PercentageChart.js
+++ b/src/js/charts/PercentageChart.js
@@ -1,14 +1,11 @@
-import BaseChart from './BaseChart';
+import AggregationChart from './AggregationChart';
 import { $, getOffset } from '../utils/dom';
 
-export default class PercentageChart extends BaseChart {
+export default class PercentageChart extends AggregationChart {
 	constructor(parent, args) {
 		super(parent, args);
 		this.type = 'percentage';
 
-		this.max_slices = 10;
-		this.max_legend_points = 6;
-
 		this.setup();
 	}
 
@@ -37,9 +34,10 @@ export default class PercentageChart extends BaseChart {
 	}
 
 	render() {
-		this.grand_total = this.sliceTotals.reduce((a, b) => a + b, 0);
+		let s = this.state;
+		this.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);
 		this.slices = [];
-		this.sliceTotals.map((total, i) => {
+		s.sliceTotals.map((total, i) => {
 			let slice = $.create('div', {
 				className: `progress-bar`,
 				inside: this.percentageBar,
@@ -52,42 +50,8 @@ export default class PercentageChart extends BaseChart {
 		});
 	}
 
-	calc() {
-		this.sliceTotals = [];
-		let all_totals = this.data.labels.map((d, i) => {
-			let total = 0;
-			this.data.datasets.map(e => {
-				total += e.values[i];
-			});
-			return [total, d];
-		}).filter(d => { return d[0] > 0; }); // keep only positive results
-
-		let totals = all_totals;
-
-		if(all_totals.length > this.max_slices) {
-			all_totals.sort((a, b) => { return b[0] - a[0]; });
-
-			totals = all_totals.slice(0, this.max_slices-1);
-			let others = all_totals.slice(this.max_slices-1);
-
-			let sum_of_others = 0;
-			others.map(d => {sum_of_others += d[0];});
-
-			totals.push([sum_of_others, 'Rest']);
-
-			this.colors[this.max_slices-1] = 'grey';
-		}
-
-		this.labels = [];
-		totals.map(d => {
-			this.sliceTotals.push(d[0]);
-			this.labels.push(d[1]);
-		});
-
-		this.legend_totals = this.sliceTotals.slice(0, this.max_legend_points);
-	}
-
 	bindTooltip() {
+		let s = this.state;
 		// this.slices.map((slice, i) => {
 		// 	slice.addEventListener('mouseenter', () => {
 		// 		let g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);
@@ -96,29 +60,11 @@ export default class PercentageChart extends BaseChart {
 		// 		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.sliceTotals[i]*100/this.grand_total).toFixed(1);
+		// 		let percent = (s.sliceTotals[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 = `
-		// 			
-		// 			${x_values[i]}:
-		// 			${d}
-		// 		`;
-		// 	}
-		// });
-	}
 }
diff --git a/src/js/charts/PieChart.js b/src/js/charts/PieChart.js
index 6203cd5..323ab32 100644
--- a/src/js/charts/PieChart.js
+++ b/src/js/charts/PieChart.js
@@ -1,89 +1,53 @@
-import BaseChart from './BaseChart';
+import AggregationChart from './AggregationChart';
 import { $, getOffset } from '../utils/dom';
-import { makePath } from '../utils/draw';
+import { getPositionByAngle } from '../utils/helpers';
+import { makePath, makeArcPathStr } from '../utils/draw';
 import { lightenDarkenColor } from '../utils/colors';
-import { runSMILAnimation, transform } from '../utils/animation';
-const ANGLE_RATIO = Math.PI / 180;
-const FULL_ANGLE = 360;
+import { transform } from '../utils/animation';
+import { FULL_ANGLE } from '../utils/constants';
 
-export default class PieChart extends BaseChart {
+export default class PieChart extends AggregationChart {
 	constructor(parent, args) {
 		super(parent, args);
 		this.type = 'pie';
-		this.elements_to_animate = null;
+
 		this.hoverRadio = args.hoverRadio || 0.1;
-		this.max_slices = 10;
-		this.max_legend_points = 6;
-		this.isAnimate = false;
 		this.startAngle = args.startAngle || 0;
 		this.clockWise = args.clockWise || false;
+
+		this.setup();
+	}
+
+	configure(args) {
+		super.configure(args);
 		this.mouseMove = this.mouseMove.bind(this);
 		this.mouseLeave = this.mouseLeave.bind(this);
-		this.setup();
 	}
 	calc() {
-		this.centerX = this.width / 2;
-		this.centerY = this.height / 2;
-		this.radius = (this.height > this.width ? this.centerX : this.centerY);
-		this.slice_totals = [];
-		let all_totals = this.data.labels.map((d, i) => {
-			let total = 0;
-			this.data.datasets.map(e => {
-				total += e.values[i];
-			});
-			return [total, d];
-		}).filter(d => { return d[0] > 0; }); // keep only positive results
-
-		let totals = all_totals;
-
-		if(all_totals.length > this.max_slices) {
-			all_totals.sort((a, b) => { return b[0] - a[0]; });
-
-			totals = all_totals.slice(0, this.max_slices-1);
-			let others = all_totals.slice(this.max_slices-1);
-
-			let sum_of_others = 0;
-			others.map(d => {sum_of_others += d[0];});
-
-			totals.push([sum_of_others, 'Rest']);
-
-			this.colors[this.max_slices-1] = 'grey';
+		super.calc();
+		this.center = {
+			x: this.width / 2,
+			y: this.height / 2
 		}
-
-		this.labels = [];
-		totals.map(d => {
-			this.slice_totals.push(d[0]);
-			this.labels.push(d[1]);
-		});
-
-		this.legend_totals = this.slice_totals.slice(0, this.max_legend_points);
+		this.radius = (this.height > this.width ? this.center.x : this.center.y);
 	}
 
-	static getPositionByAngle(angle,radius) {
-		return {
-			x:Math.sin(angle * ANGLE_RATIO) * radius,
-			y:Math.cos(angle * ANGLE_RATIO) * radius,
-		};
-	}
-	makeArcPath(startPosition,endPosition){
-		const{centerX,centerY,radius,clockWise} = this;
-		return `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`;
-	}
 	render(init) {
 		const{radius,clockWise} = this;
-		this.grand_total = this.slice_totals.reduce((a, b) => a + b, 0);
+		this.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);
 		const prevSlicesProperties = this.slicesProperties || [];
 		this.slices = [];
 		this.elements_to_animate = [];
 		this.slicesProperties = [];
 		let curAngle = 180 - this.startAngle;
-		this.slice_totals.map((total, i) => {
+
+		this.state.sliceTotals.map((total, i) => {
 			const startAngle = curAngle;
 			const originDiffAngle = (total / this.grand_total) * FULL_ANGLE;
 			const diffAngle = clockWise ? -originDiffAngle : originDiffAngle;
 			const endAngle = curAngle = curAngle + diffAngle;
-			const startPosition = PieChart.getPositionByAngle(startAngle,radius);
-			const endPosition = PieChart.getPositionByAngle(endAngle,radius);
+			const startPosition = getPositionByAngle(startAngle, radius);
+			const endPosition = getPositionByAngle(endAngle, radius);
 			const prevProperty = init && prevSlicesProperties[i];
 			let curStart,curEnd;
 			if(init){
@@ -93,7 +57,7 @@ export default class PieChart extends BaseChart {
 				curStart = startPosition;
 				curEnd = endPosition;
 			}
-			const curPath = this.makeArcPath(curStart,curEnd);
+			const curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);
 			let slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);
 			slice.style.transition = 'transform .3s;';
 			this.drawArea.appendChild(slice);
@@ -106,42 +70,44 @@ export default class PieChart extends BaseChart {
 				total: this.grand_total,
 				startAngle,
 				endAngle,
-				angle:diffAngle
+				angle: diffAngle
 			});
 			if(init){
-				this.elements_to_animate.push([{unit: slice, array: this.slices, index: this.slices.length - 1},
-					{d:this.makeArcPath(startPosition,endPosition)},
+				this.elements_to_animate.push([slice,
+					{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},
 					650, "easein",null,{
 						d:curPath
 					}]);
 			}
 
 		});
-		if(init){
-			runSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);
-		}
+		// if(init){
+		// 	runSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);
+		// }
 	}
 
 	calTranslateByAngle(property){
 		const{radius,hoverRadio} = this;
-		const position = PieChart.getPositionByAngle(property.startAngle+(property.angle / 2),radius);
+		const position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);
 		return `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;
 	}
+
 	hoverSlice(path,i,flag,e){
 		if(!path) return;
 		const color = this.colors[i];
-		if(flag){
-			transform(path,this.calTranslateByAngle(this.slicesProperties[i]));
-			path.style.fill = lightenDarkenColor(color,50);
+		if(flag) {
+
+			transform(path, this.calTranslateByAngle(this.slicesProperties[i]));
+			path.style.fill = lightenDarkenColor(color, 50);
 			let g_off = getOffset(this.svg);
 			let x = e.pageX - g_off.left + 10;
 			let y = e.pageY - g_off.top - 10;
-			let title = (this.formatted_labels && this.formatted_labels.length>0
+			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);
+			let percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);
 			this.tip.set_values(x, y, title, percent + "%");
 			this.tip.show_tip();
-		}else{
+		} else {
 			transform(path,'translate3d(0,0,0)');
 			this.tip.hide_tip();
 			path.style.fill = color;
@@ -169,24 +135,4 @@ export default class PieChart extends BaseChart {
 		// this.drawArea.addEventListener('mousemove',this.mouseMove);
 		// this.drawArea.addEventListener('mouseleave',this.mouseLeave);
 	}
-
-	renderLegend() {
-		let x_values = this.formatted_labels && this.formatted_labels.length > 0
-			? this.formatted_labels : this.labels;
-		this.legend_totals.map((d, i) => {
-			const color = this.colors[i];
-
-			if(d) {
-				let stats = $.create('div', {
-					className: 'stats',
-					inside: this.statsWrapper
-				});
-				stats.innerHTML = `
-					
-					${x_values[i]}:
-					${d}
-				`;
-			}
-		});
-	}
 }
diff --git a/src/js/config.js b/src/js/config.js
index 2a34179..a232e50 100644
--- a/src/js/config.js
+++ b/src/js/config.js
@@ -38,11 +38,9 @@ export function getDifferentChart(type, current_type, parent, args) {
 	// Okay, this is anticlimactic
 	// this function will need to actually be 'changeChartType(type)'
 	// that will update only the required elements, but for now ...
-	return new Chart(parent, {
-		title: args.title,
-		data: args.data,
-		type: type,
-		height: args.height,
-		colors: useColor ? args.colors : undefined
-	});
+
+	args.type = type;
+	args.colors = useColor ? args.colors : undefined;
+
+	return new Chart(parent, args);
 }
\ No newline at end of file
diff --git a/src/js/utils/colors.js b/src/js/utils/colors.js
index a706d2e..1546e60 100644
--- a/src/js/utils/colors.js
+++ b/src/js/utils/colors.js
@@ -16,7 +16,7 @@ const PRESET_COLOR_MAP = {
 };
 
 export const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',
-	'yellow', 'green', 'light-green', 'purple', 'magenta'];
+	'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];
 
 function limitColor(r){
 	if (r > 255) return 255;
diff --git a/src/js/utils/constants.js b/src/js/utils/constants.js
index 549ae4c..9bda967 100644
--- a/src/js/utils/constants.js
+++ b/src/js/utils/constants.js
@@ -16,4 +16,8 @@ export const MIN_BAR_PERCENT_HEIGHT = 0.01;
 export const LINE_CHART_DOT_SIZE = 4;
 export const DOT_OVERLAY_SIZE_INCR = 4;
 
-export const DEFAULT_CHAR_WIDTH = 8;
\ No newline at end of file
+export const DEFAULT_CHAR_WIDTH = 8;
+
+// Universal constants
+export const ANGLE_RATIO = Math.PI / 180;
+export const FULL_ANGLE = 360;
\ No newline at end of file
diff --git a/src/js/utils/draw.js b/src/js/utils/draw.js
index a41d80f..01f3454 100644
--- a/src/js/utils/draw.js
+++ b/src/js/utils/draw.js
@@ -108,6 +108,16 @@ export function makePath(pathStr, className='', stroke='none', fill='none') {
 	});
 }
 
+export function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){
+	let [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];
+	let [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];
+
+	return `M${center.x} ${center.y}
+		L${arcStartX} ${arcStartY}
+		A ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}
+		${arcEndX} ${arcEndY} z`;
+}
+
 export function makeGradient(svgDefElem, color, lighter = false) {
 	let gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');
 	let gradientDef = renderVerticalGradient(svgDefElem, gradientId);
diff --git a/src/js/utils/helpers.js b/src/js/utils/helpers.js
index b5bd468..1b75f14 100644
--- a/src/js/utils/helpers.js
+++ b/src/js/utils/helpers.js
@@ -1,3 +1,5 @@
+import { ANGLE_RATIO } from './constants';
+
 /**
  * Returns the value of a number upto 2 decimal places.
  * @param {Number} d Any number
@@ -74,3 +76,10 @@ export function bindChange(obj, getFn, setFn) {
 		}
 	});
 }
+
+export function getPositionByAngle(angle, radius) {
+	return {
+		x:Math.sin(angle * ANGLE_RATIO) * radius,
+		y:Math.cos(angle * ANGLE_RATIO) * radius,
+	};
+}

From 21238c9c8e20ed38b10a84883133541d3f5a76cc Mon Sep 17 00:00:00 2001
From: Prateeksha Singh 
Date: Mon, 5 Mar 2018 16:49:32 +0530
Subject: [PATCH 48/51] [fix] percentage tooltip

---
 dist/frappe-charts.esm.js               | 115 ++++++++++++------------
 dist/frappe-charts.min.cjs.js           |   2 +-
 dist/frappe-charts.min.esm.js           |   2 +-
 dist/frappe-charts.min.iife.js          |   2 +-
 dist/frappe-charts.min.iife.js.map      |   2 +-
 docs/assets/js/frappe-charts.min.js     |   2 +-
 docs/assets/js/frappe-charts.min.js.map |   2 +-
 src/js/charts/AggregationChart.js       |   6 +-
 src/js/charts/AxisChart.js              |   6 +-
 src/js/charts/Heatmap.js                |   4 +-
 src/js/charts/PercentageChart.js        |  29 +++---
 src/js/charts/PieChart.js               |   2 +-
 src/js/objects/SvgTip.js                |  62 ++++++-------
 13 files changed, 123 insertions(+), 113 deletions(-)

diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js
index 9f23094..7783778 100644
--- a/dist/frappe-charts.esm.js
+++ b/dist/frappe-charts.esm.js
@@ -89,10 +89,10 @@ class SvgTip {
 	}) {
 		this.parent = parent;
 		this.colors = colors;
-		this.title_name = '';
-		this.title_value = '';
-		this.list_values = [];
-		this.title_value_first = 0;
+		this.titleName = '';
+		this.titleValue = '';
+		this.listValues = [];
+		this.titleValueFirst = 0;
 
 		this.x = 0;
 		this.y = 0;
@@ -104,16 +104,16 @@ class SvgTip {
 	}
 
 	setup() {
-		this.make_tooltip();
+		this.makeTooltip();
 	}
 
 	refresh() {
 		this.fill();
-		this.calc_position();
-		// this.show_tip();
+		this.calcPosition();
+		// this.showTip();
 	}
 
-	make_tooltip() {
+	makeTooltip() {
 		this.container = $.create('div', {
 			inside: this.parent,
 			className: 'graph-svg-tip comparison',
@@ -121,27 +121,27 @@ class SvgTip {
 				
                                                                  
 				
                                                                  `
 		});
-		this.hide_tip();
+		this.hideTip();
 
 		this.title = this.container.querySelector('.title');
-		this.data_point_list = this.container.querySelector('.data-point-list');
+		this.dataPointList = this.container.querySelector('.data-point-list');
 
 		this.parent.addEventListener('mouseleave', () => {
-			this.hide_tip();
+			this.hideTip();
 		});
 	}
 
 	fill() {
 		let title;
-		if(this.title_value_first) {
-			title = `${this.title_value}${this.title_name}`;
+		if(this.titleValueFirst) {
+			title = `${this.titleValue}${this.titleName}`;
 		} else {
-			title = `${this.title_name}${this.title_value}`;
+			title = `${this.titleName}${this.titleValue}`;
 		}
 		this.title.innerHTML = title;
-		this.data_point_list.innerHTML = '';
+		this.dataPointList.innerHTML = '';
 
-		this.list_values.map((set, i) => {
+		this.listValues.map((set, i) => {
 			const color = this.colors[i] || 'black';
 
 			let li = $.create('li', {
@@ -152,50 +152,50 @@ class SvgTip {
 					${set.title ? set.title : '' }`
 			});
 
-			this.data_point_list.appendChild(li);
+			this.dataPointList.appendChild(li);
 		});
 	}
 
-	calc_position() {
+	calcPosition() {
 		let width = this.container.offsetWidth;
 
 		this.top = this.y - this.container.offsetHeight;
 		this.left = this.x - width/2;
-		let max_left = this.parent.offsetWidth - width;
+		let maxLeft = this.parent.offsetWidth - width;
 
 		let pointer = this.container.querySelector('.svg-pointer');
 
 		if(this.left < 0) {
 			pointer.style.left = `calc(50% - ${-1 * this.left}px)`;
 			this.left = 0;
-		} else if(this.left > max_left) {
-			let delta = this.left - max_left;
-			let pointer_offset = `calc(50% + ${delta}px)`;
-			pointer.style.left = pointer_offset;
+		} else if(this.left > maxLeft) {
+			let delta = this.left - maxLeft;
+			let pointerOffset = `calc(50% + ${delta}px)`;
+			pointer.style.left = pointerOffset;
 
-			this.left = max_left;
+			this.left = maxLeft;
 		} else {
 			pointer.style.left = `50%`;
 		}
 	}
 
-	set_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {
-		this.title_name = title_name;
-		this.title_value = title_value;
-		this.list_values = list_values;
+	setValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {
+		this.titleName = titleName;
+		this.titleValue = titleValue;
+		this.listValues = listValues;
 		this.x = x;
 		this.y = y;
-		this.title_value_first = title_value_first;
+		this.titleValueFirst = titleValueFirst;
 		this.refresh();
 	}
 
-	hide_tip() {
+	hideTip() {
 		this.container.style.top = '0px';
 		this.container.style.left = '0px';
 		this.container.style.opacity = '0';
 	}
 
-	show_tip() {
+	showTip() {
 		this.container.style.top = this.top + 'px';
 		this.container.style.left = this.left + 'px';
 		this.container.style.opacity = '1';
@@ -1440,10 +1440,10 @@ class AggregationChart extends BaseChart {
 			this.colors[maxSlices-1] = 'grey';
 		}
 
-		this.labels = [];
+		s.labels = [];
 		totals.map(d => {
 			s.sliceTotals.push(d[0]);
-			this.labels.push(d[1]);
+			s.labels.push(d[1]);
 		});
 	}
 
@@ -1457,7 +1457,7 @@ class AggregationChart extends BaseChart {
 		this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);
 
 		let x_values = this.formatted_labels && this.formatted_labels.length > 0
-			? this.formatted_labels : this.labels;
+			? this.formatted_labels : s.labels;
 		this.legendTotals.map((d, i) => {
 			if(d) {
 				let stats = $.create('div', {
@@ -1513,6 +1513,7 @@ class PercentageChart extends AggregationChart {
 		s.sliceTotals.map((total, i) => {
 			let slice = $.create('div', {
 				className: `progress-bar`,
+				'data-index': i,
 				inside: this.percentageBar,
 				styles: {
 					background: this.colors[i],
@@ -1524,21 +1525,25 @@ class PercentageChart extends AggregationChart {
 	}
 
 	bindTooltip() {
-		
-		// this.slices.map((slice, i) => {
-		// 	slice.addEventListener('mouseenter', () => {
-		// 		let g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);
-
-		// 		let x = p_off.left - g_off.left + slice.offsetWidth/2;
-		// 		let y = p_off.top - g_off.top - 6;
-		// 		let title = (this.formatted_labels && this.formatted_labels.length>0
-		// 			? this.formatted_labels[i] : this.labels[i]) + ': ';
-		// 		let percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);
-
-		// 		this.tip.set_values(x, y, title, percent + "%");
-		// 		this.tip.show_tip();
-		// 	});
-		// });
+		let s = this.state;
+
+		this.chartWrapper.addEventListener('mousemove', (e) => {
+			let slice = e.target;
+			if(slice.classList.contains('progress-bar')) {
+
+				let i = slice.getAttribute('data-index');
+				let g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);
+
+				let x = p_off.left - g_off.left + slice.offsetWidth/2;
+				let y = p_off.top - g_off.top - 6;
+				let title = (this.formatted_labels && this.formatted_labels.length>0
+					? this.formatted_labels[i] : this.state.labels[i]) + ': ';
+				let percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);
+
+				this.tip.setValues(x, y, title, percent + "%");
+				this.tip.showTip();
+			}
+		});
 	}
 }
 
@@ -1639,7 +1644,7 @@ class PieChart extends AggregationChart {
 			let x = e.pageX - g_off.left + 10;
 			let y = e.pageY - g_off.top - 10;
 			let title = (this.formatted_labels && this.formatted_labels.length > 0
-				? this.formatted_labels[i] : this.labels[i]) + ': ';
+				? this.formatted_labels[i] : this.state.labels[i]) + ': ';
 			let percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);
 			this.tip.set_values(x, y, title, percent + "%");
 			this.tip.show_tip();
@@ -2160,8 +2165,8 @@ class Heatmap extends BaseChart {
 				let value = count + ' ' + this.count_label;
 				let name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];
 
-				this.tip.set_values(x, y, name, value, [], 1);
-				this.tip.show_tip();
+				this.tip.setValues(x, y, name, value, [], 1);
+				this.tip.showTip();
 			});
 		});
 	}
@@ -2978,7 +2983,7 @@ class AxisChart extends BaseChart {
 			if(relY < this.height + this.translateY * 2) {
 				this.mapTooltipXPosition(relX);
 			} else {
-				this.tip.hide_tip();
+				this.tip.hideTip();
 			}
 		});
 	}
@@ -3009,8 +3014,8 @@ class AxisChart extends BaseChart {
 					};
 				});
 
-				this.tip.set_values(x, y, titles[i], '', values);
-				this.tip.show_tip();
+				this.tip.setValues(x, y, titles[i], '', values);
+				this.tip.showTip();
 				break;
 			}
 		}
diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js
index f05ec63..342ab09 100644
--- a/dist/frappe-charts.min.cjs.js
+++ b/dist/frappe-charts.min.cjs.js
@@ -1 +1 @@
-"use strict";function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                    \n\t\t\t\t
                                                                    '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=n,this.x=t,this.y=e,this.title_value_first=r,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                    '+this.subtitle+'
                                                                    \n\t\t\t\t
                                                                    \n\t\t\t\t
                                                                    '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}this.labels=[],n.map(function(i){e.sliceTotals.push(i[0]),t.labels.push(i[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grand_total=e.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],e.sliceTotals.map(function(e,i){var a=$.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"bindTooltip",value:function(){}}]),e}(AggregationChart),PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.hoverRadio=i.hoverRadio||.1,a.startAngle=i.startAngle||0,a.clockWise=i.clockWise||!1,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.state.sliceTotals.map(function(s,o){var l=r,c=s/e.grand_total*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t&&n[o],v=void 0,g=void 0;t?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,e.center,e.radius,e.clockWise),m=makePath(y,"pie-path","none",e.colors[o]);m.style.transition="transform .3s;",e.drawArea.appendChild(m),e.slices.push(m),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grand_total,startAngle:l,endAngle:u,angle:h}),t&&e.elements_to_animate.push([m,{d:makeArcPathStr(d,p,e.center,e.radius,e.clockWise)},650,"easein",null,{d:y}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,o,l,c+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,a=this.curActiveSlice,n=0;ni)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.count_label,u=" on "+n+" "+a[0]+", "+a[2];t.tip.set_values(l,c,u,h,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.set_values(o,l,a[r],"",c),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};module.exports=Chart;
+"use strict";function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                      \n\t\t\t\t
                                                                      '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=a,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=r,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                      '+this.subtitle+'
                                                                      \n\t\t\t\t
                                                                      \n\t\t\t\t
                                                                      '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:e.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grand_total=e.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],e.sliceTotals.map(function(e,i){var a=$.create("div",{className:"progress-bar","data-index":i,inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(i){var a=i.target;if(a.classList.contains("progress-bar")){var n=a.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(a),o=s.left-r.left+a.offsetWidth/2,l=s.top-r.top-6,c=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grand_total).toFixed(1);t.tip.setValues(o,l,c,h+"%"),t.tip.showTip()}})}}]),e}(AggregationChart),PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.hoverRadio=i.hoverRadio||.1,a.startAngle=i.startAngle||0,a.clockWise=i.clockWise||!1,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.state.sliceTotals.map(function(s,o){var l=r,c=s/e.grand_total*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t&&n[o],v=void 0,g=void 0;t?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,e.center,e.radius,e.clockWise),m=makePath(y,"pie-path","none",e.colors[o]);m.style.transition="transform .3s;",e.drawArea.appendChild(m),e.slices.push(m),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grand_total,startAngle:l,endAngle:u,angle:h}),t&&e.elements_to_animate.push([m,{d:makeArcPathStr(d,p,e.center,e.radius,e.clockWise)},650,"easein",null,{d:y}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,o,l,c+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,a=this.curActiveSlice,n=0;ni)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.count_label,u=" on "+n+" "+a[0]+", "+a[2];t.tip.setValues(l,c,u,h,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(o,l,a[r],"",c),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};module.exports=Chart;
diff --git a/dist/frappe-charts.min.esm.js b/dist/frappe-charts.min.esm.js
index d062968..caff811 100644
--- a/dist/frappe-charts.min.esm.js
+++ b/dist/frappe-charts.min.esm.js
@@ -1 +1 @@
-function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                        \n\t\t\t\t
                                                                        '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",this.title.innerHTML=e,this.data_point_list.innerHTML="",this.list_values.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.data_point_list.appendChild(n)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=a,this.list_values=n,this.x=t,this.y=e,this.title_value_first=r,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                        '+this.subtitle+'
                                                                        \n\t\t\t\t
                                                                        \n\t\t\t\t
                                                                        '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}this.labels=[],n.map(function(i){e.sliceTotals.push(i[0]),t.labels.push(i[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grand_total=e.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],e.sliceTotals.map(function(e,i){var a=$.create("div",{className:"progress-bar",inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"bindTooltip",value:function(){}}]),e}(AggregationChart),PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.hoverRadio=i.hoverRadio||.1,a.startAngle=i.startAngle||0,a.clockWise=i.clockWise||!1,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.state.sliceTotals.map(function(s,o){var l=r,c=s/e.grand_total*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t&&n[o],v=void 0,g=void 0;t?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,e.center,e.radius,e.clockWise),m=makePath(y,"pie-path","none",e.colors[o]);m.style.transition="transform .3s;",e.drawArea.appendChild(m),e.slices.push(m),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grand_total,startAngle:l,endAngle:u,angle:h}),t&&e.elements_to_animate.push([m,{d:makeArcPathStr(d,p,e.center,e.radius,e.clockWise)},650,"easein",null,{d:y}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,o,l,c+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,a=this.curActiveSlice,n=0;ni)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.count_label,u=" on "+n+" "+a[0]+", "+a[2];t.tip.set_values(l,c,u,h,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.set_values(o,l,a[r],"",c),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};export default Chart;
+function __$styleInject(t,e){void 0===e&&(e={});var a=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),a=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-a}function fire(t,e,a){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var n in a)i[n]=a[n];return t.dispatchEvent(i)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];a||(a=i?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(a);return t=i?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var a=void 0,i=void 0;return t<=e?(a=e-t,i=t):(a=t-e,i=e),[a,i]}function equilizeNoOfElements(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return a>0?t=fillArray(t,a):e=fillArray(e,a),[t,e]}function translate(t,e,a,i){var n="string"==typeof e?e:e.join(", ");return[t,{transform:a.join(", ")},i,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,a){return translate(t,[a,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,a){return translate(t,[0,a],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,a,i){var n=e-a,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,a],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(a,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:i,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:i,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,a){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,a],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,a,i){var n=[],r=a.map(function(t,a){return e[a]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+i+"L",l="L"+e.slice(-1)[0]+", "+i,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var a=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var n=e[i];if("inside"===i)$$1(n).appendChild(a);else if("around"===i){var r=$$1(n);r.parentNode.insertBefore(a,r),a.appendChild(r)}else"styles"===i?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){a.style[t]=n[t]}):("className"===i&&(i="class"),"innerHTML"===i?a.textContent=n:a.setAttribute(i,n))}return a}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,a,i){return createSVG("stop",{inside:t,style:"stop-color: "+a,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,a,i){return createSVG("svg",{className:e,inside:t,width:a,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=a.x+t.x,s=a.y+t.y,o=a.x+e.x,l=a.y+e.y;return"M"+a.x+" "+a.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+i+" "+i+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(a?"lighter":"default"),n=renderVerticalGradient(t,i),r=[1,.6,.2];return a&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),i}function makeHeatSquare(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:a,width:i,height:i,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,a,i){return createSVG("text",{className:t,x:e,y:a,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:i})}function makeVertLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:a,y2:i,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:a>i?a+LABEL_MARGIN:a-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:a,x2:i,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:a3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===i.mode?a+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(n=a+AXIS_TICK_LENGTH,r=a),n+=i.offset,r+=i.offset,makeHoriLine(t,e,n,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function xLine(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=a+AXIS_TICK_LENGTH,r="span"===i.mode?-1*AXIS_TICK_LENGTH:a;return"tick"===i.mode&&"top"===i.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:a-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,a,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return r.appendChild(n),r}function yRegion(t,e,a,i){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":a+", "+n},x:0,y:0,width:a,height:n}),s=createSVG("text",{className:"chart-label",x:a-getStringWidth(i,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":r,x:t,y:u-=s,width:a,height:h||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:a/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+i,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:a});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-a+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,a){return t[a]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",a);if(i.heatline){var o=makeGradient(n.svgDefs,a);s.style.stroke="url(#"+o+")"}var l={path:s};if(i.regionFill){var c=makeGradient(n.svgDefs,a,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var a=getColor(t),i=!1;"#"==a[0]&&(a=a.slice(1),i=!0);var n=parseInt(a,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(i?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,a,i){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return i.type=t,i.colors=n?i.colors:void 0,new Chart(a,i)}}function animateSVGElement(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:a/1e3+"s",values:h+";"+u,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var a=[],i=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],a.push(s),i.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(a[i],t[0]),e[i][0]=a[i]}),n}function runSMILAnimation(t,e,a){if(0!==a.length){var i=animateSVG(e,a);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),a=t.getMonth()+1;return[(e>9?"":"0")+e,(a>9?"":"0")+a,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var a=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,a)),a]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=Math.ceil(t),i=Math.floor(e),n=a-i,r=n,s=1;n>5&&(n%2!=0&&(n=++a-i),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(i+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=normalize(t),i=slicedToArray(a,2),n=i[0],r=i[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var a=getChartIntervals(t),i=a[1]-a[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(i>=0&&n>=0)normalize(i)[1],r=a?getChartIntervals(i,n):getChartIntervals(i);else if(i>0&&n<0){var s=Math.abs(n);i>=s?(normalize(i)[1],r=e(i,s)):(normalize(s)[1],r=e(s,i).map(function(t){return-1*t}))}else if(i<=0&&n<=0){var o=Math.abs(n),l=Math.abs(i);normalize(o)[1],r=(r=a?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var a=Math.max.apply(Math,toConsumableArray(t)),i=1/(e-1),n=[],r=0;ra?r.slice(0,a):fillArray(r,a-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],a=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],i=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>i&&(a?e%Math.ceil(t.length/i)!=0&&(t=""):t=i-3>0?t.slice(0,i-3)+" ...":t.slice(0,i)+".."),t})}function getComponent(t,e,a){var i=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[i[0]];return Object.assign(n,{constants:e,getData:a}),new ChartComponent(n)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],a=arguments[2];return"line"===t?(a.type="line",new AxisChart(e,a)):"bar"===t?(a.type="bar",new AxisChart(e,a)):"axis-mixed"===t?(a.type="line",new AxisChart(e,a)):chartTypes[t]?new chartTypes[t](e,a):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function a(t,e){return new Promise(function(a,n){var o={key:t,arg:e,resolve:a,reject:n,next:null};s?s=s.next=o:(r=s=o,i(t,e))})}function i(a,r){try{var s=e[a](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?i(r.key,r.arg):s=null}var r,s;this._invoke=a,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var a=0;a\n\t\t\t\t
                                                                          \n\t\t\t\t
                                                                          '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,a){var i=t.colors[a]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+i},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,a=this.container.querySelector(".svg-pointer");if(this.left<0)a.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";a.style.left=i,this.left=e}else a.style.left="50%"}},{key:"setValues",value:function(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=a,this.titleValue=i,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=r,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var a=t.cloneNode();return a.style.fill="#000000",a.style.opacity="0.4",e&&a.setAttribute("transform",e),a},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var a=t.cloneNode(),i=t.getAttribute("r");return a.setAttribute("r",i+DOT_OVERLAY_SIZE_INCR),a.style.fill="#000000",a.style.opacity="0.4",e&&a.setAttribute("transform",e),a}},updateOverlay={bar:function(t,e){var a=void 0;"rect"!==t.nodeName&&(a=t.getAttribute("transform"),t=t.childNodes[0]);var i=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),a&&e.setAttribute("transform",a)},dot:function(t,e){var a=void 0;"circle"!==t.nodeName&&(a=t.getAttribute("transform"),t=t.childNodes[0]);var i=["cx","cy"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),a&&e.setAttribute("transform",a)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,a){if(classCallCheck(this,t),this.rawChartArgs=a,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=a.title||"",this.subtitle=a.subtitle||"",this.argHeight=a.height||240,this.type=a.type||"",this.realData=this.prepareData(a.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:a.showLegend||1,isNavigable:a.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(a)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                          '+this.subtitle+'
                                                                          \n\t\t\t\t
                                                                          \n\t\t\t\t
                                                                          '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),a&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(a)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var i=[];e.forEach(function(t){i=i.concat(t.update(a))}),i.length>0?(runSMILAnimation(this.chartWrapper,this.svg,i),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,a){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,a=this.config.maxSlices;e.sliceTotals=[];var i=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),n=i;if(i.length>a){i.sort(function(t,e){return e[0]-t[0]}),n=i.slice(0,a-1);var r=0;i.slice(a-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[a-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var a=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:e.labels;this.legendTotals.map(function(e,i){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+a[i]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.type="percentage",i.setup(),i}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grand_total=e.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],e.sliceTotals.map(function(e,a){var i=$.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*e/t.grand_total+"%"}});t.slices.push(i)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(a){var i=a.target;if(i.classList.contains("progress-bar")){var n=i.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(i),o=s.left-r.left+i.offsetWidth/2,l=s.top-r.top-6,c=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grand_total).toFixed(1);t.tip.setValues(o,l,c,h+"%"),t.tip.showTip()}})}}]),e}(AggregationChart),PieChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.type="pie",i.hoverRadio=a.hoverRadio||.1,i.startAngle=a.startAngle||0,i.clockWise=a.clockWise||!1,i.setup(),i}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,a=this.radius,i=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.state.sliceTotals.map(function(s,o){var l=r,c=s/e.grand_total*FULL_ANGLE,h=i?-c:c,u=r+=h,d=getPositionByAngle(l,a),p=getPositionByAngle(u,a),f=t&&n[o],v=void 0,g=void 0;t?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,e.center,e.radius,e.clockWise),m=makePath(y,"pie-path","none",e.colors[o]);m.style.transition="transform .3s;",e.drawArea.appendChild(m),e.slices.push(m),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grand_total,startAngle:l,endAngle:u,angle:h}),t&&e.elements_to_animate.push([m,{d:makeArcPathStr(d,p,e.center,e.radius,e.clockWise)},650,"easein",null,{d:y}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,a=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*a+"px,"+i.y*a+"px,0)"}},{key:"hoverSlice",value:function(t,e,a,i){if(t){var n=this.colors[e];if(a){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=i.pageX-r.left+10,o=i.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,o,l,c+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,a=this.curActiveSliceIndex,i=this.curActiveSlice,n=0;na)break;v.getMonth()-t.getMonth()&&(i=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,i]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,a){var i=makeText("y-value-text",e+12,10,t.month_names[t.months[a]].substring(0,3));t.domainLabelGroup.appendChild(i)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var a=e.target.getAttribute("data-value"),i=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(i[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=a+" "+t.count_label,u=" on "+n+" "+i[0]+", "+i[2];t.tip.setValues(l,c,u,h,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var a=e.layerClass,i=void 0===a?"":a,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=i,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return yLine(a,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateHoriLine(t,e[a],i[a])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return xLine(a,t.calcLabels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.calcLabels,i=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,calcLabels:a}),this.store.map(function(t,a){return translateVertLine(t,e[a],i[a])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],i[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(a,i){return datasetBar(t.xPositions[i],a,t.barWidth,e.color,t.labels[i],i,t.offsets[i],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,a=t.xPositions,i=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,a),u=slicedToArray(h,2);s=u[0],a=u[1];var d=equilizeNoOfElements(o,i),p=slicedToArray(d,2);o=p[0],i=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,a[s],i[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(a,i){return datasetDot(t.xPositions[i],a,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,a=t.yPositions,i=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,a),h=slicedToArray(c,2);r=h[0],a=h[1];var u=equilizeNoOfElements(s,i),d=slicedToArray(u,2);s=d[0],i=d[1],this.render({xPositions:n,yPositions:r,values:i,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,a,t.zeroLine))),this.units.length&&this.units.map(function(t,i){p=p.concat(animateDot(t,e[i],a[i]))}),p}}},AxisChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.barOptions=a.barOptions||{},i.lineOptions=a.lineOptions||{},i.type=a.type||"line",i.setup(),i}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,a){return floatTwo(t.xOffset+a*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),a=this.height/getValueRange(e),i=getIntervalSize(e)*a,n=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*a}),scaleMultiplier:a,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,a){var i=t.values,n=t.cumulativeYs||[];return{name:t.name,index:a,chartType:t.chartType,values:i,yPositions:e(i),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,a){e.yPositions.map(function(e,a){e=0;r--){var s=a.xAxis.positions[r];if(t>s-a.unitWidth/2){var o=s+this.leftMargin,l=a.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,a){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[a]}});this.tip.setValues(o,l,i[r],"",c),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var a=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](a),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var a=e.units[t.state.currentIndex];updateOverlay[e.type](a,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,a,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,a[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,a){return classCallCheck(this,t),getChartByType(a.type,e,a)};export default Chart;
diff --git a/dist/frappe-charts.min.iife.js b/dist/frappe-charts.min.iife.js
index b26c8e3..dba0748 100644
--- a/dist/frappe-charts.min.iife.js
+++ b/dist/frappe-charts.min.iife.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*At)*e,y:Math.cos(t*At)*e}}function h(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Mt,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Dt)}function d(t,e,i){return u(t,[0,i],[0,e],Dt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Dt,Mt],u(t,[0,n],[0,i],Dt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=bt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Ot,Mt],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Dt)]:[[t,{width:n,height:o,x:e,y:l},Ot,Mt]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Dt)]:[[t,{cx:e,cy:i},Ot,Mt]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Tt,Mt];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Tt,Mt];a.push(h)}return a}function m(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function b(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)m(a).appendChild(i);else if("around"===n){var s=m(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":dt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function x(t,e){return b("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function k(t,e,i,n){return b("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function _(t,e,i,n){return b("svg",{className:e,inside:t,width:i,height:n})}function w(t){return b("defs",{inside:t})}function A(t,e){return b("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function O(t){return b("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function T(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=x(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),k(a,"0%",e,s[0]),k(a,"50%",e,s[1]),k(a,"100%",e,s[2]),n}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),b("rect",r)}function M(t,e,i,n){return b("text",{className:t,x:e,y:i,dy:Nt/2+"px","font-size":Nt+"px",innerHTML:n})}function L(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=b("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=b("text",{x:0,y:i>n?i+Ct:i-Ct-Nt,dy:Nt+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:e}),o=b("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=b("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=b("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=-1*Lt,s="span"===n.mode?i+Lt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Lt,s=i),a+=n.offset,s+=n.offset,C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=i+Lt,s="span"===n.mode?-1*Lt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Lt,s=0),L(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function S(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=b("text",{className:"chart-label",x:i-o(e,5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:e+""}),s=C(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function W(t,e,i,n){var a=t-e,s=b("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=b("text",{className:"chart-label",x:i-o(n,4.5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:n+""}),l=b("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=h(e,o.zeroLine),c=bt(l,2),u=c[0],p=c[1],d=b("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if(a||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=b("text",{className:"data-point-value",x:i/2,y:0,dy:Nt/2*-1+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),v=b("g",{transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=b("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=b("text",{className:"data-point-value",x:0,y:0,dy:Nt/2*-1-i+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),o=b("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=O("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=D(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=O(c,"region-fill","none","url(#"+h+")")}return l}function H(t){return t>255?255:t<0?0:t}function R(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=H((a>>16)+e),r=H((a>>8&255)+e),o=H((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function F(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function I(t,e,i,n){if(t!==e){Ht.includes(t)||console.error("'"+t+"' is not a valid chart type."),Rt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Ft[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new Qt(i,n)}}function G(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:It[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(p.type=a);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function B(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function X(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=G.apply(void 0,xt(t)),l=bt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function q(t,e,i){if(0!==i.length){var n=X(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Pt)}}function U(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function V(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function J(t,e){return Math.ceil(K(t,e)/7)}function K(t,e){return(U(e)-U(t))/864e5}function $(t,e){t.setDate(t.getDate()+e)}function Q(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function Z(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Q(t),n=bt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=Z(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function et(t){function e(t,e){for(var i=tt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,xt(t)),a=Math.min.apply(Math,xt(t)),s=[];if(n>=0&&a>=0)Q(n)[1],s=i?tt(n,a):tt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(Q(n)[1],s=e(n,r)):(Q(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);Q(o)[1],s=(s=i?tt(o,l):tt(o)).reverse().map(function(t){return-1*t})}return s}function it(t){var e=nt(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function nt(t){return t[1]-t[0]}function at(t){return t[t.length-1]-t[0]}function st(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function rt(t,e){for(var i=Math.max.apply(Math,xt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(_t.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/wt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ut(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Vt(a)}function pt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Kt(e,i)):"bar"===t?(i.type="bar",new Kt(e,i)):"axis-mixed"===t?(i.type="line",new Kt(e,i)):$t[t]?new $t[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var dt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ft=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),vt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                            \n\t\t\t\t
                                                                            '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",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:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.data_point_list.appendChild(s)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=n,this.list_values=a,this.x=t,this.y=e,this.title_value_first=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),_t=["line","bar"],wt=8,At=Math.PI/180,Ot=350,Tt=350,Dt=Ot,Pt=250,Mt="easein",Lt=6,Ct=4,Nt=10,Et="#dadada",St={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},Wt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},zt={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},jt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return zt[t]||t},Ht=["line","scatter","bar","percentage","heatmap","pie"],Rt={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Ft={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},It={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},Gt=function(){function e(t,i){if(ft(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return vt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                            '+this.subtitle+'
                                                                            \n\t\t\t\t
                                                                            \n\t\t\t\t
                                                                            '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new kt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(q(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=_(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=w(this.svg),this.drawArea=A(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return I(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Bt=function(e){function i(t,e){return ft(this,i),mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return yt(i,e),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}this.labels=[],a.map(function(i){e.sliceTotals.push(i[0]),t.labels.push(i[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(Gt),Xt=function(e){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.setup(),n}return yt(i,e),vt(i,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grand_total=i.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],i.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){}}]),i}(Bt),qt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.hoverRadio=e.hoverRadio||.1,n.startAngle=e.startAngle||0,n.clockWise=e.clockWise||!1,n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,n=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var a=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.state.sliceTotals.map(function(r,o){var h=s,c=r/e.grand_total*360,u=n?-c:c,p=s+=u,d=l(h,i),f=l(p,i),v=t&&a[o],g=void 0,y=void 0;t?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=T(g,y,e.center,e.radius,e.clockWise),b=O(m,"pie-path","none",e.colors[o]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grand_total,startAngle:h,endAngle:p,angle:u}),t&&e.elements_to_animate.push([b,{d:T(d,f,e.center,e.radius,e.clockWise)},650,"easein",null,{d:m}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){B(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=R(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else B(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;ai)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Gt),Vt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;ft(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return vt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=A(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return N(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return S(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return W(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return z(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),p=bt(u,2);r=p[0],i=p[1];var d=c(o,n),f=bt(d,2);o=f[0],n=f[1];var g=c(l,a),y=bt(g,2);l=y[0],a=y[1];var m=c(h,s),b=bt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=Y(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return j(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=c(a,e),l=bt(o,2);a=l[0],e=l[1];var h=c(s,i),u=bt(h,2);s=u[0],i=u[1];var p=c(r,n),d=bt(p,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return lt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ht(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=et(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/at(e),n=nt(e)*i,a=this.height-it(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return st(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=St[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Wt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Gt),$t={percentage:Xt,heatmap:Ut,pie:qt},Qt=function t(e,i){return ft(this,t),pt(i.type,e,i)};return Qt}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*At)*e,y:Math.cos(t*At)*e}}function h(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Lt,"translate",{transform:a}]}function d(t,e,i){return u(t,[i,0],[e,0],Pt)}function p(t,e,i){return u(t,[0,i],[0,e],Pt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Pt,Lt],u(t,[0,n],[0,i],Pt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=bt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Tt,Lt],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Pt)]:[[t,{width:n,height:o,x:e,y:l},Tt,Lt]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Pt)]:[[t,{cx:e,cy:i},Tt,Lt]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Ot,Lt];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Ot,Lt];a.push(h)}return a}function m(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function b(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)m(a).appendChild(i);else if("around"===n){var s=m(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":pt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function x(t,e){return b("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function k(t,e,i,n){return b("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function w(t,e,i,n){return b("svg",{className:e,inside:t,width:i,height:n})}function _(t){return b("defs",{inside:t})}function A(t,e){return b("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function T(t){return b("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function P(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=x(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),k(a,"0%",e,s[0]),k(a,"50%",e,s[1]),k(a,"100%",e,s[2]),n}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),b("rect",r)}function L(t,e,i,n){return b("text",{className:t,x:e,y:i,dy:Nt/2+"px","font-size":Nt+"px",innerHTML:n})}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=b("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=b("text",{x:0,y:i>n?i+Ct:i-Ct-Nt,dy:Nt+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:e}),o=b("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=b("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=b("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=-1*Mt,s="span"===n.mode?i+Mt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Mt,s=i),a+=n.offset,s+=n.offset,C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=i+Mt,s="span"===n.mode?-1*Mt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Mt,s=0),M(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=b("text",{className:"chart-label",x:i-o(e,5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:e+""}),s=C(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function S(t,e,i,n){var a=t-e,s=b("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=b("text",{className:"chart-label",x:i-o(n,4.5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:n+""}),l=b("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=h(e,o.zeroLine),c=bt(l,2),u=c[0],d=c[1],p=b("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:u||o.minHeight});if(a||a.length){p.setAttribute("y",0),p.setAttribute("x",0);var f=b("text",{className:"data-point-value",x:i/2,y:0,dy:Nt/2*-1+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),v=b("g",{transform:"translate("+t+", "+d+")"});return v.appendChild(p),v.appendChild(f),v}return p}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=b("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=b("text",{className:"data-point-value",x:0,y:0,dy:Nt/2*-1-i+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),o=b("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=T("M"+s,"line-graph-path",i);if(n.heatline){var o=P(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=P(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=T(c,"region-fill","none","url(#"+h+")")}return l}function F(t){return t>255?255:t<0?0:t}function H(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=F((a>>16)+e),r=F((a>>8&255)+e),o=F((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function R(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function I(t,e,i,n){if(t!==e){Ft.includes(t)||console.error("'"+t+"' is not a valid chart type."),Ht[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Rt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new Qt(i,n)}}function G(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:It[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)h.setAttribute(p,d[p]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function V(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function B(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=G.apply(void 0,xt(t)),l=bt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function X(t,e,i){if(0!==i.length){var n=B(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Dt)}}function q(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function U(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function J(t,e){return Math.ceil(K(t,e)/7)}function K(t,e){return(q(e)-q(t))/864e5}function $(t,e){t.setDate(t.getDate()+e)}function Q(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function Z(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Q(t),n=bt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=Z(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function et(t){function e(t,e){for(var i=tt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,xt(t)),a=Math.min.apply(Math,xt(t)),s=[];if(n>=0&&a>=0)Q(n)[1],s=i?tt(n,a):tt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(Q(n)[1],s=e(n,r)):(Q(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);Q(o)[1],s=(s=i?tt(o,l):tt(o)).reverse().map(function(t){return-1*t})}return s}function it(t){var e=nt(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function nt(t){return t[1]-t[0]}function at(t){return t[t.length-1]-t[0]}function st(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function rt(t,e){for(var i=Math.max.apply(Math,xt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(wt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/_t;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ut(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Ut(a)}function dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Kt(e,i)):"bar"===t?(i.type="bar",new Kt(e,i)):"axis-mixed"===t?(i.type="line",new Kt(e,i)):$t[t]?new $t[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ft=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),vt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                              \n\t\t\t\t
                                                                              '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=n,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=s,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),wt=["line","bar"],_t=8,At=Math.PI/180,Tt=350,Ot=350,Pt=Tt,Dt=250,Lt="easein",Mt=6,Ct=4,Nt=10,Et="#dadada",Wt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},St={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},zt={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},jt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return zt[t]||t},Ft=["line","scatter","bar","percentage","heatmap","pie"],Ht={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Rt={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},It={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},Gt=function(){function e(t,i){if(ft(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return vt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                              '+this.subtitle+'
                                                                              \n\t\t\t\t
                                                                              \n\t\t\t\t
                                                                              '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new kt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(X(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=w(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=_(this.svg),this.drawArea=A(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return I(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Vt=function(e){function i(t,e){return ft(this,i),mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return yt(i,e),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(Gt),Bt=function(i){function n(t,e){ft(this,n);var i=mt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return yt(n,i),vt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grand_total=i.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],i.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar","data-index":n,inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grand_total).toFixed(1);t.tip.setValues(l,h,c,u+"%"),t.tip.showTip()}})}}]),n}(Vt),Xt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.hoverRadio=e.hoverRadio||.1,n.startAngle=e.startAngle||0,n.clockWise=e.clockWise||!1,n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,n=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var a=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.state.sliceTotals.map(function(r,o){var h=s,c=r/e.grand_total*360,u=n?-c:c,d=s+=u,p=l(h,i),f=l(d,i),v=t&&a[o],g=void 0,y=void 0;t?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=O(g,y,e.center,e.radius,e.clockWise),b=T(m,"pie-path","none",e.colors[o]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:p,endPosition:f,value:r,total:e.grand_total,startAngle:h,endAngle:d,angle:u}),t&&e.elements_to_animate.push([b,{d:O(p,f,e.center,e.radius,e.clockWise)},650,"easein",null,{d:m}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){V(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=H(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else V(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;ai)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=L("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,u,c,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Gt),Ut=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;ft(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return vt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=A(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return N(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return W(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return p(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return S(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return z(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),d=bt(u,2);r=d[0],i=d[1];var p=c(o,n),f=bt(p,2);o=f[0],n=f[1];var g=c(l,a),y=bt(g,2);l=y[0],a=y[1];var m=c(h,s),b=bt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=Y(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return j(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=c(a,e),l=bt(o,2);a=l[0],e=l[1];var h=c(s,i),u=bt(h,2);s=u[0],i=u[1];var d=c(r,n),p=bt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return lt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ht(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=et(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/at(e),n=nt(e)*i,a=this.height-it(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return st(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(o,l,n[s],"",h),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=Wt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];St[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Gt),$t={percentage:Bt,heatmap:qt,pie:Xt},Qt=function t(e,i){return ft(this,t),dt(i.type,e,i)};return Qt}();
 //# sourceMappingURL=frappe-charts.min.iife.js.map
diff --git a/dist/frappe-charts.min.iife.js.map b/dist/frappe-charts.min.iife.js.map
index ea6859a..2fc8b65 100644
--- a/dist/frappe-charts.min.iife.js.map
+++ b/dist/frappe-charts.min.iife.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/animate.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/config.js","../src/js/utils/animation.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/objects/ChartComponents.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                \n\t\t\t\t
                                                                                `\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 = `${this.title_value}${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}${this.title_value}`;\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: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                ${this.title}
                                                                                \n\t\t\t\t
                                                                                ${this.subtitle}
                                                                                \n\t\t\t\t
                                                                                \n\t\t\t\t
                                                                                `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\t}\n\n\trender() { }\n\n\tbindTooltip() { }\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\t\t// this.slices.map((slice, i) => {\n\t\t// \tslice.addEventListener('mouseenter', () => {\n\t\t// \t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t// \t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t// \t\tlet y = p_off.top - g_off.top - 6;\n\t\t// \t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t// \t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t// \t\tlet percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t// \t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t// \t\tthis.tip.show_tip();\n\t\t// \t});\n\t\t// });\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\t}\n\tcalc() {\n\t\tsuper.calc();\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t}\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\t}\n\n\trender(init) {\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\n\t\tthis.state.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([slice,\n\t\t\t\t\t{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\t// if(init){\n\t\t// \trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t// }\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\n\t\t\ttransform(path, this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\t// console.log('barDatasets', barDatasets, this.state.datasets);\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\n\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","this","hide_tip","title","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","makeTooltip","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","reduce","slices","PieChart","hoverRadio","startAngle","mouseMove","mouseLeave","prevSlicesProperties","slicesProperties","elements_to_animate","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","transition","property","position","flag","calTranslateByAngle","g_off","pageX","pageY","percent","set_values","show_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/animate.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/config.js","../src/js/utils/animation.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/objects/ChartComponents.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                  \n\t\t\t\t
                                                                                  `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {\n\t\tthis.titleName = titleName;\n\t\tthis.titleValue = titleValue;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = titleValueFirst;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                  ${this.title}
                                                                                  \n\t\t\t\t
                                                                                  ${this.subtitle}
                                                                                  \n\t\t\t\t
                                                                                  \n\t\t\t\t
                                                                                  `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trender() { }\n\n\tbindTooltip() { }\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t\t\tlet y = p_off.top - g_off.top - 6;\n\t\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\t}\n\tcalc() {\n\t\tsuper.calc();\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t}\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\t}\n\n\trender(init) {\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\n\t\tthis.state.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([slice,\n\t\t\t\t\t{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\t// if(init){\n\t\t// \trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t// }\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\n\t\t\ttransform(path, this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\t// console.log('barDatasets', barDatasets, this.state.datasets);\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\n\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","refresh","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","reduce","slices","classList","contains","g_off","p_off","percent","setValues","showTip","PieChart","hoverRadio","startAngle","mouseMove","mouseLeave","prevSlicesProperties","slicesProperties","elements_to_animate","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","transition","property","position","flag","calTranslateByAngle","pageX","pageY","set_values","show_tip","hide_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/frappe-charts.min.js b/docs/assets/js/frappe-charts.min.js
index c02bace..29eac35 100644
--- a/docs/assets/js/frappe-charts.min.js
+++ b/docs/assets/js/frappe-charts.min.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*At)*e,y:Math.cos(t*At)*e}}function h(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Mt,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Dt)}function d(t,e,i){return u(t,[0,i],[0,e],Dt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Dt,Mt],u(t,[0,n],[0,i],Dt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=bt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Ot,Mt],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Dt)]:[[t,{width:n,height:o,x:e,y:l},Ot,Mt]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Dt)]:[[t,{cx:e,cy:i},Ot,Mt]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Tt,Mt];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Tt,Mt];a.push(h)}return a}function m(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function b(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)m(a).appendChild(i);else if("around"===n){var s=m(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":dt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function x(t,e){return b("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function k(t,e,i,n){return b("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function _(t,e,i,n){return b("svg",{className:e,inside:t,width:i,height:n})}function w(t){return b("defs",{inside:t})}function A(t,e){return b("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function O(t){return b("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function T(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=x(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),k(a,"0%",e,s[0]),k(a,"50%",e,s[1]),k(a,"100%",e,s[2]),n}function P(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),b("rect",r)}function M(t,e,i,n){return b("text",{className:t,x:e,y:i,dy:Nt/2+"px","font-size":Nt+"px",innerHTML:n})}function L(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=b("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=b("text",{x:0,y:i>n?i+Ct:i-Ct-Nt,dy:Nt+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:e}),o=b("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=b("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=b("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=-1*Lt,s="span"===n.mode?i+Lt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Lt,s=i),a+=n.offset,s+=n.offset,C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=i+Lt,s="span"===n.mode?-1*Lt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Lt,s=0),L(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function S(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=b("text",{className:"chart-label",x:i-o(e,5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:e+""}),s=C(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function W(t,e,i,n){var a=t-e,s=b("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=b("text",{className:"chart-label",x:i-o(n,4.5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:n+""}),l=b("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=h(e,o.zeroLine),c=bt(l,2),u=c[0],p=c[1],d=b("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if(a||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=b("text",{className:"data-point-value",x:i/2,y:0,dy:Nt/2*-1+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),v=b("g",{transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=b("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=b("text",{className:"data-point-value",x:0,y:0,dy:Nt/2*-1-i+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),o=b("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=O("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=D(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=O(c,"region-fill","none","url(#"+h+")")}return l}function H(t){return t>255?255:t<0?0:t}function R(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=H((a>>16)+e),r=H((a>>8&255)+e),o=H((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function F(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function I(t,e,i,n){if(t!==e){Ht.includes(t)||console.error("'"+t+"' is not a valid chart type."),Rt[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Ft[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new Qt(i,n)}}function G(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:It[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(p.type=a);for(var d in p)h.setAttribute(d,p[d]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function B(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function X(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=G.apply(void 0,xt(t)),l=bt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function q(t,e,i){if(0!==i.length){var n=X(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Pt)}}function U(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function V(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function J(t,e){return Math.ceil(K(t,e)/7)}function K(t,e){return(U(e)-U(t))/864e5}function $(t,e){t.setDate(t.getDate()+e)}function Q(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function Z(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Q(t),n=bt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=Z(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function et(t){function e(t,e){for(var i=tt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,xt(t)),a=Math.min.apply(Math,xt(t)),s=[];if(n>=0&&a>=0)Q(n)[1],s=i?tt(n,a):tt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(Q(n)[1],s=e(n,r)):(Q(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);Q(o)[1],s=(s=i?tt(o,l):tt(o)).reverse().map(function(t){return-1*t})}return s}function it(t){var e=nt(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function nt(t){return t[1]-t[0]}function at(t){return t[t.length-1]-t[0]}function st(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function rt(t,e){for(var i=Math.max.apply(Math,xt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(_t.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/wt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ut(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Vt(a)}function pt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Kt(e,i)):"bar"===t?(i.type="bar",new Kt(e,i)):"axis-mixed"===t?(i.type="line",new Kt(e,i)):$t[t]?new $t[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var dt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ft=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),vt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                    \n\t\t\t\t
                                                                                    '}),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?""+this.title_value+""+this.title_name:this.title_name+""+this.title_value+"",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:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.data_point_list.appendChild(s)})}},{key:"calc_position",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"set_values",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.title_name=i,this.title_value=n,this.list_values=a,this.x=t,this.y=e,this.title_value_first=s,this.refresh()}},{key:"hide_tip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"show_tip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),_t=["line","bar"],wt=8,At=Math.PI/180,Ot=350,Tt=350,Dt=Ot,Pt=250,Mt="easein",Lt=6,Ct=4,Nt=10,Et="#dadada",St={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},Wt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},zt={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},jt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return zt[t]||t},Ht=["line","scatter","bar","percentage","heatmap","pie"],Rt={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Ft={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},It={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},Gt=function(){function e(t,i){if(ft(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return vt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                    '+this.subtitle+'
                                                                                    \n\t\t\t\t
                                                                                    \n\t\t\t\t
                                                                                    '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new kt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(q(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=_(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=w(this.svg),this.drawArea=A(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return I(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Bt=function(e){function i(t,e){return ft(this,i),mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return yt(i,e),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}this.labels=[],a.map(function(i){e.sliceTotals.push(i[0]),t.labels.push(i[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:this.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(Gt),Xt=function(e){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="percentage",n.setup(),n}return yt(i,e),vt(i,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grand_total=i.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],i.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar",inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){}}]),i}(Bt),qt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.hoverRadio=e.hoverRadio||.1,n.startAngle=e.startAngle||0,n.clockWise=e.clockWise||!1,n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,n=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var a=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.state.sliceTotals.map(function(r,o){var h=s,c=r/e.grand_total*360,u=n?-c:c,p=s+=u,d=l(h,i),f=l(p,i),v=t&&a[o],g=void 0,y=void 0;t?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=T(g,y,e.center,e.radius,e.clockWise),b=O(m,"pie-path","none",e.colors[o]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grand_total,startAngle:h,endAngle:p,angle:u}),t&&e.elements_to_animate.push([b,{d:T(d,f,e.center,e.radius,e.clockWise)},650,"easein",null,{d:m}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){B(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=R(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else B(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;ai)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.set_values(l,h,u,c,[],1),t.tip.show_tip()})})}},{key:"update",value:function(t){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Gt),Vt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;ft(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return vt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=A(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return N(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return S(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return W(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return z(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),p=bt(u,2);r=p[0],i=p[1];var d=c(o,n),f=bt(d,2);o=f[0],n=f[1];var g=c(l,a),y=bt(g,2);l=y[0],a=y[1];var m=c(h,s),b=bt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=Y(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return j(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=c(a,e),l=bt(o,2);a=l[0],e=l[1];var h=c(s,i),u=bt(h,2);s=u[0],i=u[1];var p=c(r,n),d=bt(p,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return lt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ht(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=et(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/at(e),n=nt(e)*i,a=this.height-it(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return st(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.set_values(o,l,n[s],"",h),this.tip.show_tip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=St[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];Wt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Gt),$t={percentage:Xt,heatmap:Ut,pie:qt},Qt=function t(e,i){return ft(this,t),pt(i.type,e,i)};return Qt}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*At)*e,y:Math.cos(t*At)*e}}function h(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Lt,"translate",{transform:a}]}function d(t,e,i){return u(t,[i,0],[e,0],Pt)}function p(t,e,i){return u(t,[0,i],[0,e],Pt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Pt,Lt],u(t,[0,n],[0,i],Pt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=bt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Tt,Lt],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Pt)]:[[t,{width:n,height:o,x:e,y:l},Tt,Lt]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Pt)]:[[t,{cx:e,cy:i},Tt,Lt]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Ot,Lt];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Ot,Lt];a.push(h)}return a}function m(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function b(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)m(a).appendChild(i);else if("around"===n){var s=m(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":pt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function x(t,e){return b("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function k(t,e,i,n){return b("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function w(t,e,i,n){return b("svg",{className:e,inside:t,width:i,height:n})}function _(t){return b("defs",{inside:t})}function A(t,e){return b("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function T(t){return b("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function P(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=x(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),k(a,"0%",e,s[0]),k(a,"50%",e,s[1]),k(a,"100%",e,s[2]),n}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),b("rect",r)}function L(t,e,i,n){return b("text",{className:t,x:e,y:i,dy:Nt/2+"px","font-size":Nt+"px",innerHTML:n})}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=b("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=b("text",{x:0,y:i>n?i+Ct:i-Ct-Nt,dy:Nt+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:e}),o=b("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=b("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=b("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=-1*Mt,s="span"===n.mode?i+Mt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Mt,s=i),a+=n.offset,s+=n.offset,C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=i+Mt,s="span"===n.mode?-1*Mt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Mt,s=0),M(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=b("text",{className:"chart-label",x:i-o(e,5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:e+""}),s=C(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function S(t,e,i,n){var a=t-e,s=b("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=b("text",{className:"chart-label",x:i-o(n,4.5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:n+""}),l=b("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=h(e,o.zeroLine),c=bt(l,2),u=c[0],d=c[1],p=b("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:u||o.minHeight});if(a||a.length){p.setAttribute("y",0),p.setAttribute("x",0);var f=b("text",{className:"data-point-value",x:i/2,y:0,dy:Nt/2*-1+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),v=b("g",{transform:"translate("+t+", "+d+")"});return v.appendChild(p),v.appendChild(f),v}return p}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=b("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=b("text",{className:"data-point-value",x:0,y:0,dy:Nt/2*-1-i+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),o=b("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=T("M"+s,"line-graph-path",i);if(n.heatline){var o=P(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=P(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=T(c,"region-fill","none","url(#"+h+")")}return l}function F(t){return t>255?255:t<0?0:t}function H(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=F((a>>16)+e),r=F((a>>8&255)+e),o=F((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function R(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function I(t,e,i,n){if(t!==e){Ft.includes(t)||console.error("'"+t+"' is not a valid chart type."),Ht[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Rt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new Qt(i,n)}}function G(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:It[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)h.setAttribute(p,d[p]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function V(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function B(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=G.apply(void 0,xt(t)),l=bt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function X(t,e,i){if(0!==i.length){var n=B(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Dt)}}function q(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function U(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function J(t,e){return Math.ceil(K(t,e)/7)}function K(t,e){return(q(e)-q(t))/864e5}function $(t,e){t.setDate(t.getDate()+e)}function Q(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function Z(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Q(t),n=bt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=Z(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function et(t){function e(t,e){for(var i=tt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,xt(t)),a=Math.min.apply(Math,xt(t)),s=[];if(n>=0&&a>=0)Q(n)[1],s=i?tt(n,a):tt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(Q(n)[1],s=e(n,r)):(Q(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);Q(o)[1],s=(s=i?tt(o,l):tt(o)).reverse().map(function(t){return-1*t})}return s}function it(t){var e=nt(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function nt(t){return t[1]-t[0]}function at(t){return t[t.length-1]-t[0]}function st(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function rt(t,e){for(var i=Math.max.apply(Math,xt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(wt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/_t;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ut(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Ut(a)}function dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Kt(e,i)):"bar"===t?(i.type="bar",new Kt(e,i)):"axis-mixed"===t?(i.type="line",new Kt(e,i)):$t[t]?new $t[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ft=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),vt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                      \n\t\t\t\t
                                                                                      '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=n,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=s,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),wt=["line","bar"],_t=8,At=Math.PI/180,Tt=350,Ot=350,Pt=Tt,Dt=250,Lt="easein",Mt=6,Ct=4,Nt=10,Et="#dadada",Wt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},St={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},zt={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},jt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return zt[t]||t},Ft=["line","scatter","bar","percentage","heatmap","pie"],Ht={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Rt={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},It={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},Gt=function(){function e(t,i){if(ft(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return vt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                      '+this.subtitle+'
                                                                                      \n\t\t\t\t
                                                                                      \n\t\t\t\t
                                                                                      '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new kt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(X(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=w(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=_(this.svg),this.drawArea=A(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return I(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Vt=function(e){function i(t,e){return ft(this,i),mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return yt(i,e),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(Gt),Bt=function(i){function n(t,e){ft(this,n);var i=mt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return yt(n,i),vt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grand_total=i.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],i.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar","data-index":n,inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grand_total).toFixed(1);t.tip.setValues(l,h,c,u+"%"),t.tip.showTip()}})}}]),n}(Vt),Xt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.hoverRadio=e.hoverRadio||.1,n.startAngle=e.startAngle||0,n.clockWise=e.clockWise||!1,n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,n=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var a=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.state.sliceTotals.map(function(r,o){var h=s,c=r/e.grand_total*360,u=n?-c:c,d=s+=u,p=l(h,i),f=l(d,i),v=t&&a[o],g=void 0,y=void 0;t?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=O(g,y,e.center,e.radius,e.clockWise),b=T(m,"pie-path","none",e.colors[o]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:p,endPosition:f,value:r,total:e.grand_total,startAngle:h,endAngle:d,angle:u}),t&&e.elements_to_animate.push([b,{d:O(p,f,e.center,e.radius,e.clockWise)},650,"easein",null,{d:m}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){V(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=H(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else V(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;ai)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=L("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,u,c,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Gt),Ut=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;ft(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return vt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=A(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return N(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return W(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return p(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return S(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return z(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),d=bt(u,2);r=d[0],i=d[1];var p=c(o,n),f=bt(p,2);o=f[0],n=f[1];var g=c(l,a),y=bt(g,2);l=y[0],a=y[1];var m=c(h,s),b=bt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=Y(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return j(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=c(a,e),l=bt(o,2);a=l[0],e=l[1];var h=c(s,i),u=bt(h,2);s=u[0],i=u[1];var d=c(r,n),p=bt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return lt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ht(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=et(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/at(e),n=nt(e)*i,a=this.height-it(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return st(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(o,l,n[s],"",h),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=Wt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];St[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Gt),$t={percentage:Bt,heatmap:qt,pie:Xt},Qt=function t(e,i){return ft(this,t),dt(i.type,e,i)};return Qt}();
 //# sourceMappingURL=frappe-charts.min.js.map
diff --git a/docs/assets/js/frappe-charts.min.js.map b/docs/assets/js/frappe-charts.min.js.map
index eabd3cd..43f73bc 100644
--- a/docs/assets/js/frappe-charts.min.js.map
+++ b/docs/assets/js/frappe-charts.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/objects/ChartComponents.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.title_name = '';\n\t\tthis.title_value = '';\n\t\tthis.list_values = [];\n\t\tthis.title_value_first = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.make_tooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calc_position();\n\t\t// this.show_tip();\n\t}\n\n\tmake_tooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                        \n\t\t\t\t
                                                                                        `\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 = `${this.title_value}${this.title_name}`;\n\t\t} else {\n\t\t\ttitle = `${this.title_name}${this.title_value}`;\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: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.data_point_list.appendChild(li);\n\t\t});\n\t}\n\n\tcalc_position() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet max_left = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > max_left) {\n\t\t\tlet delta = this.left - max_left;\n\t\t\tlet pointer_offset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointer_offset;\n\n\t\t\tthis.left = max_left;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tset_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {\n\t\tthis.title_name = title_name;\n\t\tthis.title_value = title_value;\n\t\tthis.list_values = list_values;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.title_value_first = title_value_first;\n\t\tthis.refresh();\n\t}\n\n\thide_tip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshow_tip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                        ${this.title}
                                                                                        \n\t\t\t\t
                                                                                        ${this.subtitle}
                                                                                        \n\t\t\t\t
                                                                                        \n\t\t\t\t
                                                                                        `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\tthis.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\tthis.labels.push(d[1]);\n\t\t});\n\t}\n\n\trender() { }\n\n\tbindTooltip() { }\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : this.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\t\t// this.slices.map((slice, i) => {\n\t\t// \tslice.addEventListener('mouseenter', () => {\n\t\t// \t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t// \t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t// \t\tlet y = p_off.top - g_off.top - 6;\n\t\t// \t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t// \t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t// \t\tlet percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t// \t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t// \t\tthis.tip.show_tip();\n\t\t// \t});\n\t\t// });\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\t}\n\tcalc() {\n\t\tsuper.calc();\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t}\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\t}\n\n\trender(init) {\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\n\t\tthis.state.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([slice,\n\t\t\t\t\t{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\t// if(init){\n\t\t// \trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t// }\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\n\t\t\ttransform(path, this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.set_values(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\t// console.log('barDatasets', barDatasets, this.state.datasets);\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hide_tip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.set_values(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.show_tip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\n\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","title_name","title_value","list_values","title_value_first","setup","make_tooltip","calc_position","container","this","hide_tip","title","data_point_list","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","max_left","pointer","pointer_offset","refresh","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","makeTooltip","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","reduce","slices","PieChart","hoverRadio","startAngle","mouseMove","mouseLeave","prevSlicesProperties","slicesProperties","elements_to_animate","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","transition","property","position","flag","calTranslateByAngle","g_off","pageX","pageY","percent","set_values","show_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/objects/ChartComponents.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                          \n\t\t\t\t
                                                                                          `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {\n\t\tthis.titleName = titleName;\n\t\tthis.titleValue = titleValue;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = titleValueFirst;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                          ${this.title}
                                                                                          \n\t\t\t\t
                                                                                          ${this.subtitle}
                                                                                          \n\t\t\t\t
                                                                                          \n\t\t\t\t
                                                                                          `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trender() { }\n\n\tbindTooltip() { }\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t\t\tlet y = p_off.top - g_off.top - 6;\n\t\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\t}\n\tcalc() {\n\t\tsuper.calc();\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t}\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\t}\n\n\trender(init) {\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\n\t\tthis.state.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([slice,\n\t\t\t\t\t{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\t// if(init){\n\t\t// \trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t// }\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\n\t\t\ttransform(path, this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\t// console.log('barDatasets', barDatasets, this.state.datasets);\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\n\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","refresh","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","reduce","slices","classList","contains","g_off","p_off","percent","setValues","showTip","PieChart","hoverRadio","startAngle","mouseMove","mouseLeave","prevSlicesProperties","slicesProperties","elements_to_animate","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","transition","property","position","flag","calTranslateByAngle","pageX","pageY","set_values","show_tip","hide_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/src/js/charts/AggregationChart.js b/src/js/charts/AggregationChart.js
index c5cee1d..34435f0 100644
--- a/src/js/charts/AggregationChart.js
+++ b/src/js/charts/AggregationChart.js
@@ -40,10 +40,10 @@ export default class AggregationChart extends BaseChart {
 			this.colors[maxSlices-1] = 'grey';
 		}
 
-		this.labels = [];
+		s.labels = [];
 		totals.map(d => {
 			s.sliceTotals.push(d[0]);
-			this.labels.push(d[1]);
+			s.labels.push(d[1]);
 		});
 	}
 
@@ -57,7 +57,7 @@ export default class AggregationChart extends BaseChart {
 		this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);
 
 		let x_values = this.formatted_labels && this.formatted_labels.length > 0
-			? this.formatted_labels : this.labels;
+			? this.formatted_labels : s.labels;
 		this.legendTotals.map((d, i) => {
 			if(d) {
 				let stats = $.create('div', {
diff --git a/src/js/charts/AxisChart.js b/src/js/charts/AxisChart.js
index c061ec4..16c9f9e 100644
--- a/src/js/charts/AxisChart.js
+++ b/src/js/charts/AxisChart.js
@@ -345,7 +345,7 @@ export default class AxisChart extends BaseChart {
 			if(relY < this.height + this.translateY * 2) {
 				this.mapTooltipXPosition(relX);
 			} else {
-				this.tip.hide_tip();
+				this.tip.hideTip();
 			}
 		});
 	}
@@ -376,8 +376,8 @@ export default class AxisChart extends BaseChart {
 					};
 				});
 
-				this.tip.set_values(x, y, titles[i], '', values);
-				this.tip.show_tip();
+				this.tip.setValues(x, y, titles[i], '', values);
+				this.tip.showTip();
 				break;
 			}
 		}
diff --git a/src/js/charts/Heatmap.js b/src/js/charts/Heatmap.js
index d1d1eae..b147152 100644
--- a/src/js/charts/Heatmap.js
+++ b/src/js/charts/Heatmap.js
@@ -245,8 +245,8 @@ export default class Heatmap extends BaseChart {
 				let value = count + ' ' + this.count_label;
 				let name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];
 
-				this.tip.set_values(x, y, name, value, [], 1);
-				this.tip.show_tip();
+				this.tip.setValues(x, y, name, value, [], 1);
+				this.tip.showTip();
 			});
 		});
 	}
diff --git a/src/js/charts/PercentageChart.js b/src/js/charts/PercentageChart.js
index 31a657e..0d83b20 100644
--- a/src/js/charts/PercentageChart.js
+++ b/src/js/charts/PercentageChart.js
@@ -40,6 +40,7 @@ export default class PercentageChart extends AggregationChart {
 		s.sliceTotals.map((total, i) => {
 			let slice = $.create('div', {
 				className: `progress-bar`,
+				'data-index': i,
 				inside: this.percentageBar,
 				styles: {
 					background: this.colors[i],
@@ -52,19 +53,23 @@ export default class PercentageChart extends AggregationChart {
 
 	bindTooltip() {
 		let s = this.state;
-		// this.slices.map((slice, i) => {
-		// 	slice.addEventListener('mouseenter', () => {
-		// 		let g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);
 
-		// 		let x = p_off.left - g_off.left + slice.offsetWidth/2;
-		// 		let y = p_off.top - g_off.top - 6;
-		// 		let title = (this.formatted_labels && this.formatted_labels.length>0
-		// 			? this.formatted_labels[i] : this.labels[i]) + ': ';
-		// 		let percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);
+		this.chartWrapper.addEventListener('mousemove', (e) => {
+			let slice = e.target;
+			if(slice.classList.contains('progress-bar')) {
 
-		// 		this.tip.set_values(x, y, title, percent + "%");
-		// 		this.tip.show_tip();
-		// 	});
-		// });
+				let i = slice.getAttribute('data-index');
+				let g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);
+
+				let x = p_off.left - g_off.left + slice.offsetWidth/2;
+				let y = p_off.top - g_off.top - 6;
+				let title = (this.formatted_labels && this.formatted_labels.length>0
+					? this.formatted_labels[i] : this.state.labels[i]) + ': ';
+				let percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);
+
+				this.tip.setValues(x, y, title, percent + "%");
+				this.tip.showTip();
+			}
+		});
 	}
 }
diff --git a/src/js/charts/PieChart.js b/src/js/charts/PieChart.js
index 323ab32..108be3a 100644
--- a/src/js/charts/PieChart.js
+++ b/src/js/charts/PieChart.js
@@ -103,7 +103,7 @@ export default class PieChart extends AggregationChart {
 			let x = e.pageX - g_off.left + 10;
 			let y = e.pageY - g_off.top - 10;
 			let title = (this.formatted_labels && this.formatted_labels.length > 0
-				? this.formatted_labels[i] : this.labels[i]) + ': ';
+				? this.formatted_labels[i] : this.state.labels[i]) + ': ';
 			let percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);
 			this.tip.set_values(x, y, title, percent + "%");
 			this.tip.show_tip();
diff --git a/src/js/objects/SvgTip.js b/src/js/objects/SvgTip.js
index b773266..d9f0cac 100644
--- a/src/js/objects/SvgTip.js
+++ b/src/js/objects/SvgTip.js
@@ -7,10 +7,10 @@ export default class SvgTip {
 	}) {
 		this.parent = parent;
 		this.colors = colors;
-		this.title_name = '';
-		this.title_value = '';
-		this.list_values = [];
-		this.title_value_first = 0;
+		this.titleName = '';
+		this.titleValue = '';
+		this.listValues = [];
+		this.titleValueFirst = 0;
 
 		this.x = 0;
 		this.y = 0;
@@ -22,16 +22,16 @@ export default class SvgTip {
 	}
 
 	setup() {
-		this.make_tooltip();
+		this.makeTooltip();
 	}
 
 	refresh() {
 		this.fill();
-		this.calc_position();
-		// this.show_tip();
+		this.calcPosition();
+		// this.showTip();
 	}
 
-	make_tooltip() {
+	makeTooltip() {
 		this.container = $.create('div', {
 			inside: this.parent,
 			className: 'graph-svg-tip comparison',
@@ -39,27 +39,27 @@ export default class SvgTip {
 				
                                                                                            
 				
                                                                                            `
 		});
-		this.hide_tip();
+		this.hideTip();
 
 		this.title = this.container.querySelector('.title');
-		this.data_point_list = this.container.querySelector('.data-point-list');
+		this.dataPointList = this.container.querySelector('.data-point-list');
 
 		this.parent.addEventListener('mouseleave', () => {
-			this.hide_tip();
+			this.hideTip();
 		});
 	}
 
 	fill() {
 		let title;
-		if(this.title_value_first) {
-			title = `${this.title_value}${this.title_name}`;
+		if(this.titleValueFirst) {
+			title = `${this.titleValue}${this.titleName}`;
 		} else {
-			title = `${this.title_name}${this.title_value}`;
+			title = `${this.titleName}${this.titleValue}`;
 		}
 		this.title.innerHTML = title;
-		this.data_point_list.innerHTML = '';
+		this.dataPointList.innerHTML = '';
 
-		this.list_values.map((set, i) => {
+		this.listValues.map((set, i) => {
 			const color = this.colors[i] || 'black';
 
 			let li = $.create('li', {
@@ -70,50 +70,50 @@ export default class SvgTip {
 					${set.title ? set.title : '' }`
 			});
 
-			this.data_point_list.appendChild(li);
+			this.dataPointList.appendChild(li);
 		});
 	}
 
-	calc_position() {
+	calcPosition() {
 		let width = this.container.offsetWidth;
 
 		this.top = this.y - this.container.offsetHeight;
 		this.left = this.x - width/2;
-		let max_left = this.parent.offsetWidth - width;
+		let maxLeft = this.parent.offsetWidth - width;
 
 		let pointer = this.container.querySelector('.svg-pointer');
 
 		if(this.left < 0) {
 			pointer.style.left = `calc(50% - ${-1 * this.left}px)`;
 			this.left = 0;
-		} else if(this.left > max_left) {
-			let delta = this.left - max_left;
-			let pointer_offset = `calc(50% + ${delta}px)`;
-			pointer.style.left = pointer_offset;
+		} else if(this.left > maxLeft) {
+			let delta = this.left - maxLeft;
+			let pointerOffset = `calc(50% + ${delta}px)`;
+			pointer.style.left = pointerOffset;
 
-			this.left = max_left;
+			this.left = maxLeft;
 		} else {
 			pointer.style.left = `50%`;
 		}
 	}
 
-	set_values(x, y, title_name = '', title_value = '', list_values = [], title_value_first = 0) {
-		this.title_name = title_name;
-		this.title_value = title_value;
-		this.list_values = list_values;
+	setValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {
+		this.titleName = titleName;
+		this.titleValue = titleValue;
+		this.listValues = listValues;
 		this.x = x;
 		this.y = y;
-		this.title_value_first = title_value_first;
+		this.titleValueFirst = titleValueFirst;
 		this.refresh();
 	}
 
-	hide_tip() {
+	hideTip() {
 		this.container.style.top = '0px';
 		this.container.style.left = '0px';
 		this.container.style.opacity = '0';
 	}
 
-	show_tip() {
+	showTip() {
 		this.container.style.top = this.top + 'px';
 		this.container.style.left = this.left + 'px';
 		this.container.style.opacity = '1';

From ded80791dd2616492f321a887cec7050d6e21b5c Mon Sep 17 00:00:00 2001
From: Prateeksha Singh 
Date: Mon, 5 Mar 2018 20:51:31 +0530
Subject: [PATCH 49/51] setup Pie chart component slices

---
 dist/frappe-charts.esm.js               | 1839 ++++++++++++-----------
 dist/frappe-charts.min.cjs.js           |    2 +-
 dist/frappe-charts.min.esm.js           |    2 +-
 dist/frappe-charts.min.iife.js          |    2 +-
 dist/frappe-charts.min.iife.js.map      |    2 +-
 docs/assets/js/frappe-charts.min.js     |    2 +-
 docs/assets/js/frappe-charts.min.js.map |    2 +-
 src/js/charts/AggregationChart.js       |    4 -
 src/js/charts/AxisChart.js              |   11 -
 src/js/charts/BaseChart.js              |    4 +-
 src/js/charts/PercentageChart.js        |   20 +-
 src/js/charts/PieChart.js               |  138 +-
 src/js/objects/ChartComponents.js       |   21 +-
 src/js/utils/animate.js                 |    4 +
 src/js/utils/draw-utils.js              |    8 +-
 15 files changed, 1068 insertions(+), 993 deletions(-)

diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js
index 7783778..0c93f0c 100644
--- a/dist/frappe-charts.esm.js
+++ b/dist/frappe-charts.esm.js
@@ -291,13 +291,13 @@ function getBarHeightAndYAttr(yTop, zeroLine) {
 }
 
 function equilizeNoOfElements(array1, array2,
-	extra_count=array2.length - array1.length) {
+	extraCount = array2.length - array1.length) {
 
 	// Doesn't work if either has zero elements.
-	if(extra_count > 0) {
-		array1 = fillArray(array1, extra_count);
+	if(extraCount > 0) {
+		array1 = fillArray(array1, extraCount);
 	} else {
-		array2 = fillArray(array2, extra_count);
+		array2 = fillArray(array2, extraCount);
 	}
 	return [array1, array2];
 }
@@ -401,6 +401,10 @@ function animatePath(paths, newXList, newYList, zeroLine) {
 	return pathComponents;
 }
 
+function animatePathStr(oldPath, pathStr) {
+	return [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];
+}
+
 const AXIS_TICK_LENGTH = 6;
 const LABEL_MARGIN = 4;
 const FONT_SIZE = 10;
@@ -1153,6 +1157,8 @@ class BaseChart {
 		this.state = {};
 		this.options = {};
 
+		this.initTimeout = INIT_CHART_UPDATE_TIMEOUT;
+
 		if(this.config.isNavigable) {
 			this.overlays = [];
 		}
@@ -1257,7 +1263,7 @@ class BaseChart {
 
 		if(init) {
 			this.data = this.realData;
-			setTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);
+			setTimeout(() => {this.update();}, this.initTimeout);
 		}
 
 		this.renderLegend();
@@ -1447,10 +1453,6 @@ class AggregationChart extends BaseChart {
 		});
 	}
 
-	render() { }
-
-	bindTooltip() { }
-
 	renderLegend() {
 		let s = this.state;
 
@@ -1508,8 +1510,8 @@ class PercentageChart extends AggregationChart {
 
 	render() {
 		let s = this.state;
-		this.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);
-		this.slices = [];
+		this.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);
+		s.slices = [];
 		s.sliceTotals.map((total, i) => {
 			let slice = $.create('div', {
 				className: `progress-bar`,
@@ -1517,10 +1519,10 @@ class PercentageChart extends AggregationChart {
 				inside: this.percentageBar,
 				styles: {
 					background: this.colors[i],
-					width: total*100/this.grand_total + "%"
+					width: total*100/this.grandTotal + "%"
 				}
 			});
-			this.slices.push(slice);
+			s.slices.push(slice);
 		});
 	}
 
@@ -1532,13 +1534,13 @@ class PercentageChart extends AggregationChart {
 			if(slice.classList.contains('progress-bar')) {
 
 				let i = slice.getAttribute('data-index');
-				let g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);
+				let gOff = getOffset(this.chartWrapper), pOff = getOffset(slice);
 
-				let x = p_off.left - g_off.left + slice.offsetWidth/2;
-				let y = p_off.top - g_off.top - 6;
-				let title = (this.formatted_labels && this.formatted_labels.length>0
-					? this.formatted_labels[i] : this.state.labels[i]) + ': ';
-				let percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);
+				let x = pOff.left - gOff.left + slice.offsetWidth/2;
+				let y = pOff.top - gOff.top - 6;
+				let title = (this.formattedLabels && this.formattedLabels.length>0
+					? this.formattedLabels[i] : this.state.labels[i]) + ': ';
+				let percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);
 
 				this.tip.setValues(x, y, title, percent + "%");
 				this.tip.showTip();
@@ -1547,1104 +1549,1149 @@ class PercentageChart extends AggregationChart {
 	}
 }
 
-class PieChart extends AggregationChart {
-	constructor(parent, args) {
-		super(parent, args);
-		this.type = 'pie';
+class ChartComponent {
+	constructor({
+		layerClass = '',
+		layerTransform = '',
+		constants,
 
-		this.hoverRadio = args.hoverRadio || 0.1;
-		this.startAngle = args.startAngle || 0;
-		this.clockWise = args.clockWise || false;
+		getData,
+		makeElements,
+		animateElements
+	}) {
+		this.layerTransform = layerTransform;
+		this.constants = constants;
 
-		this.setup();
-	}
+		this.makeElements = makeElements;
+		this.getData = getData;
 
-	configure(args) {
-		super.configure(args);
-		this.mouseMove = this.mouseMove.bind(this);
-		this.mouseLeave = this.mouseLeave.bind(this);
-	}
-	calc() {
-		super.calc();
-		this.center = {
-			x: this.width / 2,
-			y: this.height / 2
-		};
-		this.radius = (this.height > this.width ? this.center.x : this.center.y);
-	}
+		this.animateElements = animateElements;
 
-	render(init) {
-		const{radius,clockWise} = this;
-		this.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);
-		const prevSlicesProperties = this.slicesProperties || [];
-		this.slices = [];
-		this.elements_to_animate = [];
-		this.slicesProperties = [];
-		let curAngle = 180 - this.startAngle;
+		this.store = [];
 
-		this.state.sliceTotals.map((total, i) => {
-			const startAngle = curAngle;
-			const originDiffAngle = (total / this.grand_total) * FULL_ANGLE;
-			const diffAngle = clockWise ? -originDiffAngle : originDiffAngle;
-			const endAngle = curAngle = curAngle + diffAngle;
-			const startPosition = getPositionByAngle(startAngle, radius);
-			const endPosition = getPositionByAngle(endAngle, radius);
-			const prevProperty = init && prevSlicesProperties[i];
-			let curStart,curEnd;
-			if(init){
-				curStart = prevProperty?prevProperty.startPosition : startPosition;
-				curEnd = prevProperty? prevProperty.endPosition : startPosition;
-			}else{
-				curStart = startPosition;
-				curEnd = endPosition;
-			}
-			const curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);
-			let slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);
-			slice.style.transition = 'transform .3s;';
-			this.drawArea.appendChild(slice);
+		this.layerClass = layerClass;
+		this.layerClass = typeof(this.layerClass) === 'function'
+			? this.layerClass() : this.layerClass;
 
-			this.slices.push(slice);
-			this.slicesProperties.push({
-				startPosition,
-				endPosition,
-				value: total,
-				total: this.grand_total,
-				startAngle,
-				endAngle,
-				angle: diffAngle
-			});
-			if(init){
-				this.elements_to_animate.push([slice,
-					{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},
-					650, "easein",null,{
-						d:curPath
-					}]);
-			}
+		this.refresh();
+	}
 
-		});
-		// if(init){
-		// 	runSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);
-		// }
+	refresh(data) {
+		this.data = data || this.getData();
 	}
 
-	calTranslateByAngle(property){
-		const{radius,hoverRadio} = this;
-		const position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);
-		return `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;
+	setup(parent) {
+		this.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);
 	}
 
-	hoverSlice(path,i,flag,e){
-		if(!path) return;
-		const color = this.colors[i];
-		if(flag) {
+	make() {
+		this.render(this.data);
+		this.oldData = this.data;
+	}
 
-			transform(path, this.calTranslateByAngle(this.slicesProperties[i]));
-			path.style.fill = lightenDarkenColor(color, 50);
-			let g_off = getOffset(this.svg);
-			let x = e.pageX - g_off.left + 10;
-			let y = e.pageY - g_off.top - 10;
-			let title = (this.formatted_labels && this.formatted_labels.length > 0
-				? this.formatted_labels[i] : this.state.labels[i]) + ': ';
-			let percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);
-			this.tip.set_values(x, y, title, percent + "%");
-			this.tip.show_tip();
-		} else {
-			transform(path,'translate3d(0,0,0)');
-			this.tip.hide_tip();
-			path.style.fill = color;
-		}
+	render(data) {
+		this.store = this.makeElements(data);
+
+		this.layer.textContent = '';
+		this.store.forEach(element => {
+			this.layer.appendChild(element);
+		});
 	}
 
-	mouseMove(e){
-		const target = e.target;
-		let prevIndex = this.curActiveSliceIndex;
-		let prevAcitve = this.curActiveSlice;
-		for(let i = 0; i < this.slices.length; i++){
-			if(target === this.slices[i]){
-				this.hoverSlice(prevAcitve,prevIndex,false);
-				this.curActiveSlice = target;
-				this.curActiveSliceIndex = i;
-				this.hoverSlice(target,i,true,e);
-				break;
-			}
+	update(animate = true) {
+		this.refresh();
+		let animateElements = [];
+		if(animate) {
+			animateElements = this.animateElements(this.data);
 		}
-	}
-	mouseLeave(){
-		this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);
-	}
-	bindTooltip() {
-		// this.drawArea.addEventListener('mousemove',this.mouseMove);
-		// this.drawArea.addEventListener('mouseleave',this.mouseLeave);
+		return animateElements;
 	}
 }
 
-// Playing around with dates
+let componentConfigs = {
+	pieSlices: {
+		layerClass: 'pie-slices',
+		makeElements(data) {
+			return data.sliceStrings.map((s, i) =>{
+				let slice = makePath(s, 'pie-path', 'none', data.colors[i]);
+				slice.style.transition = 'transform .3s;';
+				return slice;
+			});
+		},
 
-// https://stackoverflow.com/a/11252167/6495043
-function treatAsUtc(dateStr) {
-	let result = new Date(dateStr);
-	result.setMinutes(result.getMinutes() - result.getTimezoneOffset());
-	return result;
-}
+		animateElements(newData) {
+			return this.store.map((slice, i) =>
+				animatePathStr(slice, newData.sliceStrings[i])
+			);
+		}
+	},
+	yAxis: {
+		layerClass: 'y axis',
+		makeElements(data) {
+			return data.positions.map((position, i) =>
+				yLine(position, data.labels[i], this.constants.width,
+					{mode: this.constants.mode, pos: this.constants.pos})
+			);
+		},
 
-function getDdMmYyyy(date) {
-	let dd = date.getDate();
-	let mm = date.getMonth() + 1; // getMonth() is zero-based
-	return [
-		(dd>9 ? '' : '0') + dd,
-		(mm>9 ? '' : '0') + mm,
-		date.getFullYear()
-	].join('-');
-}
+		animateElements(newData) {
+			let newPos = newData.positions;
+			let newLabels = newData.labels;
+			let oldPos = this.oldData.positions;
+			let oldLabels = this.oldData.labels;
 
-function getWeeksBetween(startDateStr, endDateStr) {
-	return Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);
-}
+			[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);
+			[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);
 
-function getDaysBetween(startDateStr, endDateStr) {
-	let millisecondsPerDay = 24 * 60 * 60 * 1000;
-	return (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;
-}
+			this.render({
+				positions: oldPos,
+				labels: newLabels
+			});
 
-// mutates
-function addDays(date, numberOfDays) {
-	date.setDate(date.getDate() + numberOfDays);
-}
+			return this.store.map((line, i) => {
+				return translateHoriLine(
+					line, newPos[i], oldPos[i]
+				);
+			});
+		}
+	},
 
-// export function getMonthName() {}
+	xAxis: {
+		layerClass: 'x axis',
+		makeElements(data) {
+			return data.positions.map((position, i) =>
+				xLine(position, data.calcLabels[i], this.constants.height,
+					{mode: this.constants.mode, pos: this.constants.pos})
+			);
+		},
 
-function normalize(x) {
-	// Calculates mantissa and exponent of a number
-	// Returns normalized number and exponent
-	// https://stackoverflow.com/q/9383593/6495043
+		animateElements(newData) {
+			let newPos = newData.positions;
+			let newLabels = newData.calcLabels;
+			let oldPos = this.oldData.positions;
+			let oldLabels = this.oldData.calcLabels;
 
-	if(x===0) {
-		return [0, 0];
-	}
-	if(isNaN(x)) {
-		return {mantissa: -6755399441055744, exponent: 972};
-	}
-	var sig = x > 0 ? 1 : -1;
-	if(!isFinite(x)) {
-		return {mantissa: sig * 4503599627370496, exponent: 972};
-	}
+			[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);
+			[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);
 
-	x = Math.abs(x);
-	var exp = Math.floor(Math.log10(x));
-	var man = x/Math.pow(10, exp);
+			this.render({
+				positions: oldPos,
+				calcLabels: newLabels
+			});
 
-	return [sig * man, exp];
-}
+			return this.store.map((line, i) => {
+				return translateVertLine(
+					line, newPos[i], oldPos[i]
+				);
+			});
+		}
+	},
 
-function getChartRangeIntervals(max, min=0) {
-	let upperBound = Math.ceil(max);
-	let lowerBound = Math.floor(min);
-	let range = upperBound - lowerBound;
+	yMarkers: {
+		layerClass: 'y-markers',
+		makeElements(data) {
+			return data.map(marker =>
+				yMarker(marker.position, marker.label, this.constants.width,
+					{pos:'right', mode: 'span', lineType: 'dashed'})
+			);
+		},
+		animateElements(newData) {
+			[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);
 
-	let noOfParts = range;
-	let partSize = 1;
+			let newPos = newData.map(d => d.position);
+			let newLabels = newData.map(d => d.label);
 
-	// To avoid too many partitions
-	if(range > 5) {
-		if(range % 2 !== 0) {
-			upperBound++;
-			// Recalc range
-			range = upperBound - lowerBound;
-		}
-		noOfParts = range/2;
-		partSize = 2;
-	}
+			let oldPos = this.oldData.map(d => d.position);
+			let oldLabels = this.oldData.map(d => d.label);
 
-	// Special case: 1 and 2
-	if(range <= 2) {
-		noOfParts = 4;
-		partSize = range/noOfParts;
-	}
-
-	// Special case: 0
-	if(range === 0) {
-		noOfParts = 5;
-		partSize = 1;
-	}
+			this.render(oldPos.map((pos, i) => {
+				return {
+					position: oldPos[i],
+					label: newLabels[i]
+				}
+			}));
 
-	let intervals = [];
-	for(var i = 0; i <= noOfParts; i++){
-		intervals.push(lowerBound + partSize * i);
-	}
-	return intervals;
-}
+			return this.store.map((line, i) => {
+				return translateHoriLine(
+					line, newPos[i], oldPos[i]
+				);
+			});
+		}
+	},
 
-function getChartIntervals(maxValue, minValue=0) {
-	let [normalMaxValue, exponent] = normalize(maxValue);
-	let normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;
+	yRegions: {
+		layerClass: 'y-regions',
+		makeElements(data) {
+			return data.map(region =>
+				yRegion(region.start, region.end, this.constants.width,
+					region.label)
+			);
+		},
+		animateElements(newData) {
+			[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);
 
-	// Allow only 7 significant digits
-	normalMaxValue = normalMaxValue.toFixed(6);
+			let newPos = newData.map(d => d.end);
+			let newLabels = newData.map(d => d.label);
+			let newStarts = newData.map(d => d.start);
 
-	let intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);
-	intervals = intervals.map(value => value * Math.pow(10, exponent));
-	return intervals;
-}
+			let oldPos = this.oldData.map(d => d.end);
+			let oldLabels = this.oldData.map(d => d.label);
+			let oldStarts = this.oldData.map(d => d.start);
 
-function calcChartIntervals(values, withMinimum=false) {
-	//*** Where the magic happens ***
+			this.render(oldPos.map((pos, i) => {
+				return {
+					start: oldStarts[i],
+					end: oldPos[i],
+					label: newLabels[i]
+				}
+			}));
 
-	// Calculates best-fit y intervals from given values
-	// and returns the interval array
+			let animateElements = [];
 
-	let maxValue = Math.max(...values);
-	let minValue = Math.min(...values);
+			this.store.map((rectGroup, i) => {
+				animateElements = animateElements.concat(animateRegion(
+					rectGroup, newStarts[i], newPos[i], oldPos[i]
+				));
+			});
 
-	// Exponent to be used for pretty print
-	let exponent = 0, intervals = []; // eslint-disable-line no-unused-vars
+			return animateElements;
+		}
+	},
 
-	function getPositiveFirstIntervals(maxValue, absMinValue) {
-		let intervals = getChartIntervals(maxValue);
+	barGraph: {
+		layerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },
+		makeElements(data) {
+			let c = this.constants;
+			this.unitType = 'bar';
+			this.units = data.yPositions.map((y, j) => {
+				return datasetBar(
+					data.xPositions[j],
+					y,
+					data.barWidth,
+					c.color,
+					data.labels[j],
+					j,
+					data.offsets[j],
+					{
+						zeroLine: data.zeroLine,
+						barsWidth: data.barsWidth,
+						minHeight: c.minHeight
+					}
+				)
+			});
+			return this.units;
+		},
+		animateElements(newData) {
+			let c = this.constants;
 
-		let intervalSize = intervals[1] - intervals[0];
+			let newXPos = newData.xPositions;
+			let newYPos = newData.yPositions;
+			let newOffsets = newData.offsets;
+			let newLabels = newData.labels;
 
-		// Then unshift the negative values
-		let value = 0;
-		for(var i = 1; value < absMinValue; i++) {
-			value += intervalSize;
-			intervals.unshift((-1) * value);
-		}
-		return intervals;
-	}
+			let oldXPos = this.oldData.xPositions;
+			let oldYPos = this.oldData.yPositions;
+			let oldOffsets = this.oldData.offsets;
+			let oldLabels = this.oldData.labels;
 
-	// CASE I: Both non-negative
+			[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);
+			[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);
+			[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);
+			[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);
 
-	if(maxValue >= 0 && minValue >= 0) {
-		exponent = normalize(maxValue)[1];
-		if(!withMinimum) {
-			intervals = getChartIntervals(maxValue);
-		} else {
-			intervals = getChartIntervals(maxValue, minValue);
-		}
-	}
+			this.render({
+				xPositions: oldXPos,
+				yPositions: oldYPos,
+				offsets: oldOffsets,
+				labels: newLabels,
 
-	// CASE II: Only minValue negative
+				zeroLine: this.oldData.zeroLine,
+				barsWidth: this.oldData.barsWidth,
+				barWidth: this.oldData.barWidth,
+			});
 
-	else if(maxValue > 0 && minValue < 0) {
-		// `withMinimum` irrelevant in this case,
-		// We'll be handling both sides of zero separately
-		// (both starting from zero)
-		// Because ceil() and floor() behave differently
-		// in those two regions
+			let animateElements = [];
 
-		let absMinValue = Math.abs(minValue);
+			this.store.map((bar, i) => {
+				animateElements = animateElements.concat(animateBar(
+					bar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,
+						{zeroLine: newData.zeroLine}
+				));
+			});
 
-		if(maxValue >= absMinValue) {
-			exponent = normalize(maxValue)[1];
-			intervals = getPositiveFirstIntervals(maxValue, absMinValue);
-		} else {
-			// Mirror: maxValue => absMinValue, then change sign
-			exponent = normalize(absMinValue)[1];
-			let posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);
-			intervals = posIntervals.map(d => d * (-1));
+			return animateElements;
 		}
+	},
 
-	}
+	lineGraph: {
+		layerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },
+		makeElements(data) {
+			let c = this.constants;
+			this.unitType = 'dot';
+			this.paths = {};
+			if(!c.hideLine) {
+				this.paths = getPaths(
+					data.xPositions,
+					data.yPositions,
+					c.color,
+					{
+						heatline: c.heatline,
+						regionFill: c.regionFill
+					},
+					{
+						svgDefs: c.svgDefs,
+						zeroLine: data.zeroLine
+					}
+				);
+			}
 
-	// CASE III: Both non-positive
+			this.units = [];
+			if(!c.hideDots) {
+				this.units = data.yPositions.map((y, j) => {
+					return datasetDot(
+						data.xPositions[j],
+						y,
+						data.radius,
+						c.color,
+						(c.valuesOverPoints ? data.values[j] : ''),
+						j
+					)
+				});
+			}
 
-	else if(maxValue <= 0 && minValue <= 0) {
-		// Mirrored Case I:
-		// Work with positives, then reverse the sign and array
+			return Object.values(this.paths).concat(this.units);
+		},
+		animateElements(newData) {
+			let newXPos = newData.xPositions;
+			let newYPos = newData.yPositions;
+			let newValues = newData.values;
 
-		let pseudoMaxValue = Math.abs(minValue);
-		let pseudoMinValue = Math.abs(maxValue);
 
-		exponent = normalize(pseudoMaxValue)[1];
-		if(!withMinimum) {
-			intervals = getChartIntervals(pseudoMaxValue);
-		} else {
-			intervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);
-		}
+			let oldXPos = this.oldData.xPositions;
+			let oldYPos = this.oldData.yPositions;
+			let oldValues = this.oldData.values;
 
-		intervals = intervals.reverse().map(d => d * (-1));
-	}
+			[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);
+			[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);
+			[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);
 
-	return intervals;
-}
+			this.render({
+				xPositions: oldXPos,
+				yPositions: oldYPos,
+				values: newValues,
 
-function getZeroIndex(yPts) {
-	let zeroIndex;
-	let interval = getIntervalSize(yPts);
-	if(yPts.indexOf(0) >= 0) {
-		// the range has a given zero
-		// zero-line on the chart
-		zeroIndex = yPts.indexOf(0);
-	} else if(yPts[0] > 0) {
-		// Minimum value is positive
-		// zero-line is off the chart: below
-		let min = yPts[0];
-		zeroIndex = (-1) * min / interval;
-	} else {
-		// Maximum value is negative
-		// zero-line is off the chart: above
-		let max = yPts[yPts.length - 1];
-		zeroIndex = (-1) * max / interval + (yPts.length - 1);
-	}
-	return zeroIndex;
-}
+				zeroLine: this.oldData.zeroLine,
+				radius: this.oldData.radius,
+			});
 
+			let animateElements = [];
 
+			if(Object.keys(this.paths).length) {
+				animateElements = animateElements.concat(animatePath(
+					this.paths, newXPos, newYPos, newData.zeroLine));
+			}
 
-function getIntervalSize(orderedArray) {
-	return orderedArray[1] - orderedArray[0];
-}
+			if(this.units.length) {
+				this.units.map((dot, i) => {
+					animateElements = animateElements.concat(animateDot(
+						dot, newXPos[i], newYPos[i]));
+				});
+			}
 
-function getValueRange(orderedArray) {
-	return orderedArray[orderedArray.length-1] - orderedArray[0];
-}
+			return animateElements;
+		}
+	}
+};
 
-function scale(val, yAxis) {
-	return floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)
+function getComponent(name, constants, getData) {
+	let keys = Object.keys(componentConfigs).filter(k => name.includes(k));
+	let config = componentConfigs[keys[0]];
+	Object.assign(config, {
+		constants: constants,
+		getData: getData
+	});
+	return new ChartComponent(config);
 }
 
-function calcDistribution(values, distributionSize) {
-	// Assume non-negative values,
-	// implying distribution minimum at zero
+class PieChart extends AggregationChart {
+	constructor(parent, args) {
+		super(parent, args);
+		this.type = 'pie';
+		this.initTimeout = 0;
 
-	let dataMaxValue = Math.max(...values);
+		this.setup();
+	}
 
-	let distributionStep = 1 / (distributionSize - 1);
-	let distribution = [];
+	configure(args) {
+		super.configure(args);
+		this.mouseMove = this.mouseMove.bind(this);
+		this.mouseLeave = this.mouseLeave.bind(this);
 
-	for(var i = 0; i < distributionSize; i++) {
-		let checkpoint = dataMaxValue * (distributionStep * i);
-		distribution.push(checkpoint);
+		this.hoverRadio = args.hoverRadio || 0.1;
+		this.config.startAngle = args.startAngle || 0;
+
+		this.clockWise = args.clockWise || false;
 	}
 
-	return distribution;
-}
+	prepareFirstData(data=this.data) {
+		this.init = 1;
+		return data;
+	}
 
-function getMaxCheckpoint(value, distribution) {
-	return distribution.filter(d => d < value).length;
-}
+	calc() {
+		super.calc();
+		let s = this.state;
 
-class Heatmap extends BaseChart {
-	constructor(parent, options) {
-		super(parent, options);
+		this.center = {
+			x: this.width / 2,
+			y: this.height / 2
+		};
+		this.radius = (this.height > this.width ? this.center.x : this.center.y);
 
-		this.type = 'heatmap';
+		s.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);
 
-		this.domain = options.domain || '';
-		this.subdomain = options.subdomain || '';
-		this.data = options.data || {};
-		this.discrete_domains = options.discrete_domains || 1;
-		this.count_label = options.count_label || '';
+		this.calcSlices();
+	}
 
-		let today = new Date();
-		this.start = options.start || addDays(today, 365);
+	calcSlices() {
+		let s = this.state;
+		const { radius, clockWise } = this;
 
-		let legend_colors = (options.legend_colors || []).slice(0, 5);
-		this.legend_colors = this.validate_colors(legend_colors)
-			? legend_colors
-			: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];
+		const prevSlicesProperties = s.slicesProperties || [];
+		s.sliceStrings = [];
+		s.slicesProperties = [];
+		let curAngle = 180 - this.config.startAngle;
 
-		// Fixed 5-color theme,
-		// More colors are difficult to parse visually
-		this.distribution_size = 5;
+		s.sliceTotals.map((total, i) => {
+			const startAngle = curAngle;
+			const originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;
+			const diffAngle = clockWise ? -originDiffAngle : originDiffAngle;
+			const endAngle = curAngle = curAngle + diffAngle;
+			const startPosition = getPositionByAngle(startAngle, radius);
+			const endPosition = getPositionByAngle(endAngle, radius);
 
-		this.translateX = 0;
-		this.setup();
+			const prevProperty = this.init && prevSlicesProperties[i];
+
+			let curStart,curEnd;
+			if(this.init) {
+				curStart = prevProperty ? prevProperty.startPosition : startPosition;
+				curEnd = prevProperty ? prevProperty.endPosition : startPosition;
+			} else {
+				curStart = startPosition;
+				curEnd = endPosition;
+			}
+			const curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);
+
+			s.sliceStrings.push(curPath);
+			s.slicesProperties.push({
+				startPosition,
+				endPosition,
+				value: total,
+				total: s.grandTotal,
+				startAngle,
+				endAngle,
+				angle: diffAngle
+			});
+
+		});
+		this.init = 0;
 	}
 
-	validate_colors(colors) {
-		if(colors.length < 5) return 0;
+	setupComponents() {
+		let s = this.state;
 
-		let valid = 1;
-		colors.forEach(function(string) {
-			if(!isValidColor(string)) {
-				valid = 0;
-				console.warn('"' + string + '" is not a valid color.');
-			}
-		}, this);
+		let componentConfigs = [
+			[
+				'pieSlices',
+				{ },
+				function() {
+					return {
+						sliceStrings: s.sliceStrings,
+						colors: this.colors
+					}
+				}.bind(this)
+			]
+		];
 
-		return valid;
+		this.components = new Map(componentConfigs
+			.map(args => {
+				let component = getComponent(...args);
+				return [args[0], component];
+			}));
 	}
 
-	configure() {
-		super.configure();
-		this.today = new Date();
+	calTranslateByAngle(property){
+		const{radius,hoverRadio} = this;
+		const position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);
+		return `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;
+	}
 
-		if(!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());
-		if(this.first_week_start.getDay() !== 7) {
-			addDays(this.first_week_start, (-1) * this.first_week_start.getDay());
-		}
-		if(this.last_week_start.getDay() !== 7) {
-			addDays(this.last_week_start, (-1) * this.last_week_start.getDay());
+	hoverSlice(path,i,flag,e){
+		if(!path) return;
+		const color = this.colors[i];
+		if(flag) {
+			transform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));
+			path.style.fill = lightenDarkenColor(color, 50);
+			let g_off = getOffset(this.svg);
+			let x = e.pageX - g_off.left + 10;
+			let y = e.pageY - g_off.top - 10;
+			let title = (this.formatted_labels && this.formatted_labels.length > 0
+				? this.formatted_labels[i] : this.state.labels[i]) + ': ';
+			let percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);
+			this.tip.setValues(x, y, title, percent + "%");
+			this.tip.showTip();
+		} else {
+			transform(path,'translate3d(0,0,0)');
+			this.tip.hideTip();
+			path.style.fill = color;
 		}
-		this.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;
 	}
 
-	calcWidth() {
-		this.baseWidth = (this.no_of_cols + 3) * 12 ;
+	bindTooltip() {
+		this.chartWrapper.addEventListener('mousemove', this.mouseMove);
+		this.chartWrapper.addEventListener('mouseleave', this.mouseLeave);
+	}
 
-		if(this.discrete_domains) {
-			this.baseWidth += (12 * 12);
+	mouseMove(e){
+		const target = e.target;
+		let slices = this.components.get('pieSlices').store;
+		let prevIndex = this.curActiveSliceIndex;
+		let prevAcitve = this.curActiveSlice;
+		if(slices.includes(target)) {
+			let i = slices.indexOf(target);
+			this.hoverSlice(prevAcitve, prevIndex,false);
+			this.curActiveSlice = target;
+			this.curActiveSliceIndex = i;
+			this.hoverSlice(target, i, true, e);
+		} else {
+			this.mouseLeave();
 		}
 	}
 
-	makeChartArea() {
-		super.makeChartArea();
-		this.domainLabelGroup = makeSVGGroup(this.drawArea,
-			'domain-label-group chart-label');
-
-		this.dataGroups = makeSVGGroup(this.drawArea,
-			'data-groups',
-			`translate(0, 20)`
-		);
-		// Array.prototype.slice.call(
-		// 	this.container.querySelectorAll('.graph-stats-container, .sub-title, .title')
-		// ).map(d => {
-		// 	d.style.display = 'None';
-		// });
-		// this.chartWrapper.style.marginTop = '0px';
-		// this.chartWrapper.style.paddingTop = '0px';
+	mouseLeave(){
+		this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);
 	}
+}
 
-	calc() {
+// Playing around with dates
 
-		let data_values = Object.keys(this.data).map(key => this.data[key]);
-		this.distribution = calcDistribution(data_values, this.distribution_size);
+// https://stackoverflow.com/a/11252167/6495043
+function treatAsUtc(dateStr) {
+	let result = new Date(dateStr);
+	result.setMinutes(result.getMinutes() - result.getTimezoneOffset());
+	return result;
+}
 
-		this.month_names = ["January", "February", "March", "April", "May", "June",
-			"July", "August", "September", "October", "November", "December"
-		];
-	}
+function getDdMmYyyy(date) {
+	let dd = date.getDate();
+	let mm = date.getMonth() + 1; // getMonth() is zero-based
+	return [
+		(dd>9 ? '' : '0') + dd,
+		(mm>9 ? '' : '0') + mm,
+		date.getFullYear()
+	].join('-');
+}
 
-	render() {
-		this.renderAllWeeksAndStoreXValues(this.no_of_cols);
-	}
+function getWeeksBetween(startDateStr, endDateStr) {
+	return Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);
+}
 
-	renderAllWeeksAndStoreXValues(no_of_weeks) {
-		// renderAllWeeksAndStoreXValues
-		this.domainLabelGroup.textContent = '';
-		this.dataGroups.textContent = '';
+function getDaysBetween(startDateStr, endDateStr) {
+	let millisecondsPerDay = 24 * 60 * 60 * 1000;
+	return (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;
+}
 
-		let current_week_sunday = new Date(this.first_week_start);
-		this.week_col = 0;
-		this.current_month = current_week_sunday.getMonth();
+// mutates
+function addDays(date, numberOfDays) {
+	date.setDate(date.getDate() + numberOfDays);
+}
 
-		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);
+// export function getMonthName() {}
 
-		for(var i = 0; i < no_of_weeks; i++) {
-			let data_group, month_change = 0;
-			let day = new Date(current_week_sunday);
+function normalize(x) {
+	// Calculates mantissa and exponent of a number
+	// Returns normalized number and exponent
+	// https://stackoverflow.com/q/9383593/6495043
 
-			[data_group, month_change] = this.get_week_squares_group(day, this.week_col);
-			this.dataGroups.appendChild(data_group);
-			this.week_col += 1 + parseInt(this.discrete_domains && month_change);
-			this.month_weeks[this.current_month]++;
-			if(month_change) {
-				this.current_month = (this.current_month + 1) % 12;
-				this.months.push(this.current_month + '');
-				this.month_weeks[this.current_month] = 1;
-			}
-			addDays(current_week_sunday, 7);
-		}
-		this.render_month_labels();
+	if(x===0) {
+		return [0, 0];
+	}
+	if(isNaN(x)) {
+		return {mantissa: -6755399441055744, exponent: 972};
+	}
+	var sig = x > 0 ? 1 : -1;
+	if(!isFinite(x)) {
+		return {mantissa: sig * 4503599627370496, exponent: 972};
 	}
 
-	get_week_squares_group(current_date, index) {
-		const no_of_weekdays = 7;
-		const square_side = 10;
-		const cell_padding = 2;
-		const step = 1;
-		const today_time = this.today.getTime();
+	x = Math.abs(x);
+	var exp = Math.floor(Math.log10(x));
+	var man = x/Math.pow(10, exp);
 
-		let month_change = 0;
-		let week_col_change = 0;
+	return [sig * man, exp];
+}
 
-		let data_group = makeSVGGroup(this.dataGroups, 'data-group');
+function getChartRangeIntervals(max, min=0) {
+	let upperBound = Math.ceil(max);
+	let lowerBound = Math.floor(min);
+	let range = upperBound - lowerBound;
 
-		for(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {
-			let data_value = 0;
-			let colorIndex = 0;
+	let noOfParts = range;
+	let partSize = 1;
 
-			let current_timestamp = current_date.getTime()/1000;
-			let timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);
+	// To avoid too many partitions
+	if(range > 5) {
+		if(range % 2 !== 0) {
+			upperBound++;
+			// Recalc range
+			range = upperBound - lowerBound;
+		}
+		noOfParts = range/2;
+		partSize = 2;
+	}
 
-			if(this.data[timestamp]) {
-				data_value = this.data[timestamp];
-			}
+	// Special case: 1 and 2
+	if(range <= 2) {
+		noOfParts = 4;
+		partSize = range/noOfParts;
+	}
 
-			if(this.data[Math.round(timestamp)]) {
-				data_value = this.data[Math.round(timestamp)];
-			}
+	// Special case: 0
+	if(range === 0) {
+		noOfParts = 5;
+		partSize = 1;
+	}
 
-			if(data_value) {
-				colorIndex = getMaxCheckpoint(data_value, this.distribution);
-			}
+	let intervals = [];
+	for(var i = 0; i <= noOfParts; i++){
+		intervals.push(lowerBound + partSize * i);
+	}
+	return intervals;
+}
 
-			let x = 13 + (index + week_col_change) * 12;
+function getChartIntervals(maxValue, minValue=0) {
+	let [normalMaxValue, exponent] = normalize(maxValue);
+	let normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;
 
-			let dataAttr = {
-				'data-date': getDdMmYyyy(current_date),
-				'data-value': data_value,
-				'data-day': current_date.getDay()
-			};
+	// Allow only 7 significant digits
+	normalMaxValue = normalMaxValue.toFixed(6);
 
-			let heatSquare = makeHeatSquare('day', x, y, square_side,
-				this.legend_colors[colorIndex], dataAttr);
+	let intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);
+	intervals = intervals.map(value => value * Math.pow(10, exponent));
+	return intervals;
+}
 
-			data_group.appendChild(heatSquare);
+function calcChartIntervals(values, withMinimum=false) {
+	//*** Where the magic happens ***
 
-			let next_date = new Date(current_date);
-			addDays(next_date, 1);
-			if(next_date.getTime() > today_time) break;
+	// Calculates best-fit y intervals from given values
+	// and returns the interval array
 
+	let maxValue = Math.max(...values);
+	let minValue = Math.min(...values);
 
-			if(next_date.getMonth() - current_date.getMonth()) {
-				month_change = 1;
-				if(this.discrete_domains) {
-					week_col_change = 1;
-				}
+	// Exponent to be used for pretty print
+	let exponent = 0, intervals = []; // eslint-disable-line no-unused-vars
 
-				this.month_start_points.push(13 + (index + week_col_change) * 12);
-			}
-			current_date = next_date;
+	function getPositiveFirstIntervals(maxValue, absMinValue) {
+		let intervals = getChartIntervals(maxValue);
+
+		let intervalSize = intervals[1] - intervals[0];
+
+		// Then unshift the negative values
+		let value = 0;
+		for(var i = 1; value < absMinValue; i++) {
+			value += intervalSize;
+			intervals.unshift((-1) * value);
 		}
+		return intervals;
+	}
 
-		return [data_group, month_change];
+	// CASE I: Both non-negative
+
+	if(maxValue >= 0 && minValue >= 0) {
+		exponent = normalize(maxValue)[1];
+		if(!withMinimum) {
+			intervals = getChartIntervals(maxValue);
+		} else {
+			intervals = getChartIntervals(maxValue, minValue);
+		}
 	}
 
-	render_month_labels() {
-		// this.first_month_label = 1;
-		// if (this.first_week_start.getDate() > 8) {
-		// 	this.first_month_label = 0;
-		// }
-		// this.last_month_label = 1;
+	// CASE II: Only minValue negative
 
-		// let first_month = this.months.shift();
-		// let first_month_start = this.month_start_points.shift();
-		// render first month if
+	else if(maxValue > 0 && minValue < 0) {
+		// `withMinimum` irrelevant in this case,
+		// We'll be handling both sides of zero separately
+		// (both starting from zero)
+		// Because ceil() and floor() behave differently
+		// in those two regions
 
-		// let last_month = this.months.pop();
-		// let last_month_start = this.month_start_points.pop();
-		// render last month if
+		let absMinValue = Math.abs(minValue);
 
-		this.months.shift();
-		this.month_start_points.shift();
-		this.months.pop();
-		this.month_start_points.pop();
+		if(maxValue >= absMinValue) {
+			exponent = normalize(maxValue)[1];
+			intervals = getPositiveFirstIntervals(maxValue, absMinValue);
+		} else {
+			// Mirror: maxValue => absMinValue, then change sign
+			exponent = normalize(absMinValue)[1];
+			let posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);
+			intervals = posIntervals.map(d => d * (-1));
+		}
 
-		this.month_start_points.map((start, i) => {
-			let month_name =  this.month_names[this.months[i]].substring(0, 3);
-			let text = makeText('y-value-text', start+12, 10, month_name);
-			this.domainLabelGroup.appendChild(text);
-		});
 	}
 
-	bindTooltip() {
-		Array.prototype.slice.call(
-			document.querySelectorAll(".data-group .day")
-		).map(el => {
-			el.addEventListener('mouseenter', (e) => {
-				let count = e.target.getAttribute('data-value');
-				let date_parts = e.target.getAttribute('data-date').split('-');
+	// CASE III: Both non-positive
 
-				let month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);
+	else if(maxValue <= 0 && minValue <= 0) {
+		// Mirrored Case I:
+		// Work with positives, then reverse the sign and array
 
-				let g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();
+		let pseudoMaxValue = Math.abs(minValue);
+		let pseudoMinValue = Math.abs(maxValue);
 
-				let width = parseInt(e.target.getAttribute('width'));
-				let x = p_off.left - g_off.left + (width+2)/2;
-				let y = p_off.top - g_off.top - (width+2)/2;
-				let value = count + ' ' + this.count_label;
-				let name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];
+		exponent = normalize(pseudoMaxValue)[1];
+		if(!withMinimum) {
+			intervals = getChartIntervals(pseudoMaxValue);
+		} else {
+			intervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);
+		}
 
-				this.tip.setValues(x, y, name, value, [], 1);
-				this.tip.showTip();
-			});
-		});
+		intervals = intervals.reverse().map(d => d * (-1));
 	}
 
-	update(data) {
-		super.update(data);
-		this.bindTooltip();
-	}
+	return intervals;
 }
 
-function dataPrep(data, type) {
-	data.labels = data.labels || [];
+function getZeroIndex(yPts) {
+	let zeroIndex;
+	let interval = getIntervalSize(yPts);
+	if(yPts.indexOf(0) >= 0) {
+		// the range has a given zero
+		// zero-line on the chart
+		zeroIndex = yPts.indexOf(0);
+	} else if(yPts[0] > 0) {
+		// Minimum value is positive
+		// zero-line is off the chart: below
+		let min = yPts[0];
+		zeroIndex = (-1) * min / interval;
+	} else {
+		// Maximum value is negative
+		// zero-line is off the chart: above
+		let max = yPts[yPts.length - 1];
+		zeroIndex = (-1) * max / interval + (yPts.length - 1);
+	}
+	return zeroIndex;
+}
 
-	let datasetLength = data.labels.length;
 
-	// Datasets
-	let datasets = data.datasets;
-	let zeroArray = new Array(datasetLength).fill(0);
-	if(!datasets) {
-		// default
-		datasets = [{
-			values: zeroArray
-		}];
-	}
 
-	datasets.map((d, i)=> {
-		// Set values
-		if(!d.values) {
-			d.values = zeroArray;
-		} else {
-			// Check for non values
-			let vals = d.values;
-			vals = vals.map(val => (!isNaN(val) ? val : 0));
+function getIntervalSize(orderedArray) {
+	return orderedArray[1] - orderedArray[0];
+}
 
-			// Trim or extend
-			if(vals.length > datasetLength) {
-				vals = vals.slice(0, datasetLength);
-			} else {
-				vals = fillArray(vals, datasetLength - vals.length, 0);
-			}
-		}
+function getValueRange(orderedArray) {
+	return orderedArray[orderedArray.length-1] - orderedArray[0];
+}
 
-		// Set labels
-		//
+function scale(val, yAxis) {
+	return floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)
+}
 
-		// Set type
-		if(!d.chartType ) {
-			if(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;
-			d.chartType = type;
-		}
+function calcDistribution(values, distributionSize) {
+	// Assume non-negative values,
+	// implying distribution minimum at zero
 
-	});
+	let dataMaxValue = Math.max(...values);
 
-	// Markers
+	let distributionStep = 1 / (distributionSize - 1);
+	let distribution = [];
 
-	// Regions
-	// data.yRegions = data.yRegions || [];
-	if(data.yRegions) {
-		data.yRegions.map(d => {
-			if(d.end < d.start) {
-				[d.start, d.end] = [d.end, d.start];
-			}
-		});
+	for(var i = 0; i < distributionSize; i++) {
+		let checkpoint = dataMaxValue * (distributionStep * i);
+		distribution.push(checkpoint);
 	}
 
-	return data;
+	return distribution;
 }
 
-function zeroDataPrep(realData) {
-	let datasetLength = realData.labels.length;
-	let zeroArray = new Array(datasetLength).fill(0);
+function getMaxCheckpoint(value, distribution) {
+	return distribution.filter(d => d < value).length;
+}
 
-	let zeroData = {
-		labels: realData.labels.slice(0, -1),
-		datasets: realData.datasets.map(d => {
-			return {
-				name: '',
-				values: zeroArray.slice(0, -1),
-				chartType: d.chartType
-			}
-		}),
-	};
+class Heatmap extends BaseChart {
+	constructor(parent, options) {
+		super(parent, options);
 
-	if(realData.yMarkers) {
-		zeroData.yMarkers = [
-			{
-				value: 0,
-				label: ''
-			}
-		];
-	}
+		this.type = 'heatmap';
 
-	if(realData.yRegions) {
-		zeroData.yRegions = [
-			{
-				start: 0,
-				end: 0,
-				label: ''
-			}
-		];
-	}
+		this.domain = options.domain || '';
+		this.subdomain = options.subdomain || '';
+		this.data = options.data || {};
+		this.discrete_domains = options.discrete_domains || 1;
+		this.count_label = options.count_label || '';
 
-	return zeroData;
-}
+		let today = new Date();
+		this.start = options.start || addDays(today, 365);
 
-function getShortenedLabels(chartWidth, labels=[], isSeries=true) {
-	let allowedSpace = chartWidth / labels.length;
-	let allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;
+		let legend_colors = (options.legend_colors || []).slice(0, 5);
+		this.legend_colors = this.validate_colors(legend_colors)
+			? legend_colors
+			: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];
 
-	let calcLabels = labels.map((label, i) => {
-		label += "";
-		if(label.length > allowedLetters) {
+		// Fixed 5-color theme,
+		// More colors are difficult to parse visually
+		this.distribution_size = 5;
 
-			if(!isSeries) {
-				if(allowedLetters-3 > 0) {
-					label = label.slice(0, allowedLetters-3) + " ...";
-				} else {
-					label = label.slice(0, allowedLetters) + '..';
-				}
-			} else {
-				let multiple = Math.ceil(label.length/allowedLetters);
-				if(i % multiple !== 0) {
-					label = "";
-				}
+		this.translateX = 0;
+		this.setup();
+	}
+
+	validate_colors(colors) {
+		if(colors.length < 5) return 0;
+
+		let valid = 1;
+		colors.forEach(function(string) {
+			if(!isValidColor(string)) {
+				valid = 0;
+				console.warn('"' + string + '" is not a valid color.');
 			}
-		}
-		return label;
-	});
+		}, this);
 
-	return calcLabels;
-}
+		return valid;
+	}
 
-class ChartComponent {
-	constructor({
-		layerClass = '',
-		layerTransform = '',
-		constants,
+	configure() {
+		super.configure();
+		this.today = new Date();
 
-		getData,
-		makeElements,
-		animateElements
-	}) {
-		this.layerTransform = layerTransform;
-		this.constants = constants;
+		if(!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());
+		if(this.first_week_start.getDay() !== 7) {
+			addDays(this.first_week_start, (-1) * this.first_week_start.getDay());
+		}
+		if(this.last_week_start.getDay() !== 7) {
+			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;
+	}
 
-		this.makeElements = makeElements;
-		this.getData = getData;
+	calcWidth() {
+		this.baseWidth = (this.no_of_cols + 3) * 12 ;
+
+		if(this.discrete_domains) {
+			this.baseWidth += (12 * 12);
+		}
+	}
 
-		this.animateElements = animateElements;
+	makeChartArea() {
+		super.makeChartArea();
+		this.domainLabelGroup = makeSVGGroup(this.drawArea,
+			'domain-label-group chart-label');
 
-		this.store = [];
+		this.dataGroups = makeSVGGroup(this.drawArea,
+			'data-groups',
+			`translate(0, 20)`
+		);
+		// Array.prototype.slice.call(
+		// 	this.container.querySelectorAll('.graph-stats-container, .sub-title, .title')
+		// ).map(d => {
+		// 	d.style.display = 'None';
+		// });
+		// this.chartWrapper.style.marginTop = '0px';
+		// this.chartWrapper.style.paddingTop = '0px';
+	}
 
-		this.layerClass = layerClass;
-		this.layerClass = typeof(this.layerClass) === 'function'
-			? this.layerClass() : this.layerClass;
+	calc() {
 
-		this.refresh();
-	}
+		let data_values = Object.keys(this.data).map(key => this.data[key]);
+		this.distribution = calcDistribution(data_values, this.distribution_size);
 
-	refresh(data) {
-		this.data = data || this.getData();
+		this.month_names = ["January", "February", "March", "April", "May", "June",
+			"July", "August", "September", "October", "November", "December"
+		];
 	}
 
-	setup(parent) {
-		this.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);
+	render() {
+		this.renderAllWeeksAndStoreXValues(this.no_of_cols);
 	}
 
-	make() {
-		this.render(this.data);
-		this.oldData = this.data;
-	}
+	renderAllWeeksAndStoreXValues(no_of_weeks) {
+		// renderAllWeeksAndStoreXValues
+		this.domainLabelGroup.textContent = '';
+		this.dataGroups.textContent = '';
 
-	render(data) {
-		this.store = this.makeElements(data);
+		let current_week_sunday = new Date(this.first_week_start);
+		this.week_col = 0;
+		this.current_month = current_week_sunday.getMonth();
 
-		this.layer.textContent = '';
-		this.store.forEach(element => {
-			this.layer.appendChild(element);
-		});
-	}
+		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);
 
-	update(animate = true) {
-		this.refresh();
-		let animateElements = [];
-		if(animate) {
-			animateElements = this.animateElements(this.data);
+		for(var i = 0; i < no_of_weeks; i++) {
+			let data_group, month_change = 0;
+			let day = new Date(current_week_sunday);
+
+			[data_group, month_change] = this.get_week_squares_group(day, this.week_col);
+			this.dataGroups.appendChild(data_group);
+			this.week_col += 1 + parseInt(this.discrete_domains && month_change);
+			this.month_weeks[this.current_month]++;
+			if(month_change) {
+				this.current_month = (this.current_month + 1) % 12;
+				this.months.push(this.current_month + '');
+				this.month_weeks[this.current_month] = 1;
+			}
+			addDays(current_week_sunday, 7);
 		}
-		return animateElements;
+		this.render_month_labels();
 	}
-}
 
-let componentConfigs = {
-	yAxis: {
-		layerClass: 'y axis',
-		makeElements(data) {
-			return data.positions.map((position, i) =>
-				yLine(position, data.labels[i], this.constants.width,
-					{mode: this.constants.mode, pos: this.constants.pos})
-			);
-		},
+	get_week_squares_group(current_date, index) {
+		const no_of_weekdays = 7;
+		const square_side = 10;
+		const cell_padding = 2;
+		const step = 1;
+		const today_time = this.today.getTime();
 
-		animateElements(newData) {
-			let newPos = newData.positions;
-			let newLabels = newData.labels;
-			let oldPos = this.oldData.positions;
-			let oldLabels = this.oldData.labels;
+		let month_change = 0;
+		let week_col_change = 0;
 
-			[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);
-			[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);
+		let data_group = makeSVGGroup(this.dataGroups, 'data-group');
 
-			this.render({
-				positions: oldPos,
-				labels: newLabels
-			});
+		for(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {
+			let data_value = 0;
+			let colorIndex = 0;
 
-			return this.store.map((line, i) => {
-				return translateHoriLine(
-					line, newPos[i], oldPos[i]
-				);
-			});
-		}
-	},
+			let current_timestamp = current_date.getTime()/1000;
+			let timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);
 
-	xAxis: {
-		layerClass: 'x axis',
-		makeElements(data) {
-			return data.positions.map((position, i) =>
-				xLine(position, data.calcLabels[i], this.constants.height,
-					{mode: this.constants.mode, pos: this.constants.pos})
-			);
-		},
+			if(this.data[timestamp]) {
+				data_value = this.data[timestamp];
+			}
 
-		animateElements(newData) {
-			let newPos = newData.positions;
-			let newLabels = newData.calcLabels;
-			let oldPos = this.oldData.positions;
-			let oldLabels = this.oldData.calcLabels;
+			if(this.data[Math.round(timestamp)]) {
+				data_value = this.data[Math.round(timestamp)];
+			}
 
-			[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);
-			[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);
+			if(data_value) {
+				colorIndex = getMaxCheckpoint(data_value, this.distribution);
+			}
 
-			this.render({
-				positions: oldPos,
-				calcLabels: newLabels
-			});
+			let x = 13 + (index + week_col_change) * 12;
 
-			return this.store.map((line, i) => {
-				return translateVertLine(
-					line, newPos[i], oldPos[i]
-				);
-			});
-		}
-	},
+			let dataAttr = {
+				'data-date': getDdMmYyyy(current_date),
+				'data-value': data_value,
+				'data-day': current_date.getDay()
+			};
 
-	yMarkers: {
-		layerClass: 'y-markers',
-		makeElements(data) {
-			return data.map(marker =>
-				yMarker(marker.position, marker.label, this.constants.width,
-					{pos:'right', mode: 'span', lineType: 'dashed'})
-			);
-		},
-		animateElements(newData) {
-			[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);
+			let heatSquare = makeHeatSquare('day', x, y, square_side,
+				this.legend_colors[colorIndex], dataAttr);
 
-			let newPos = newData.map(d => d.position);
-			let newLabels = newData.map(d => d.label);
+			data_group.appendChild(heatSquare);
 
-			let oldPos = this.oldData.map(d => d.position);
-			let oldLabels = this.oldData.map(d => d.label);
+			let next_date = new Date(current_date);
+			addDays(next_date, 1);
+			if(next_date.getTime() > today_time) break;
 
-			this.render(oldPos.map((pos, i) => {
-				return {
-					position: oldPos[i],
-					label: newLabels[i]
+
+			if(next_date.getMonth() - current_date.getMonth()) {
+				month_change = 1;
+				if(this.discrete_domains) {
+					week_col_change = 1;
 				}
-			}));
 
-			return this.store.map((line, i) => {
-				return translateHoriLine(
-					line, newPos[i], oldPos[i]
-				);
-			});
+				this.month_start_points.push(13 + (index + week_col_change) * 12);
+			}
+			current_date = next_date;
 		}
-	},
 
-	yRegions: {
-		layerClass: 'y-regions',
-		makeElements(data) {
-			return data.map(region =>
-				yRegion(region.start, region.end, this.constants.width,
-					region.label)
-			);
-		},
-		animateElements(newData) {
-			[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);
+		return [data_group, month_change];
+	}
 
-			let newPos = newData.map(d => d.end);
-			let newLabels = newData.map(d => d.label);
-			let newStarts = newData.map(d => d.start);
+	render_month_labels() {
+		// this.first_month_label = 1;
+		// if (this.first_week_start.getDate() > 8) {
+		// 	this.first_month_label = 0;
+		// }
+		// this.last_month_label = 1;
 
-			let oldPos = this.oldData.map(d => d.end);
-			let oldLabels = this.oldData.map(d => d.label);
-			let oldStarts = this.oldData.map(d => d.start);
+		// let first_month = this.months.shift();
+		// let first_month_start = this.month_start_points.shift();
+		// render first month if
 
-			this.render(oldPos.map((pos, i) => {
-				return {
-					start: oldStarts[i],
-					end: oldPos[i],
-					label: newLabels[i]
-				}
-			}));
+		// let last_month = this.months.pop();
+		// let last_month_start = this.month_start_points.pop();
+		// render last month if
+
+		this.months.shift();
+		this.month_start_points.shift();
+		this.months.pop();
+		this.month_start_points.pop();
+
+		this.month_start_points.map((start, i) => {
+			let month_name =  this.month_names[this.months[i]].substring(0, 3);
+			let text = makeText('y-value-text', start+12, 10, month_name);
+			this.domainLabelGroup.appendChild(text);
+		});
+	}
+
+	bindTooltip() {
+		Array.prototype.slice.call(
+			document.querySelectorAll(".data-group .day")
+		).map(el => {
+			el.addEventListener('mouseenter', (e) => {
+				let count = e.target.getAttribute('data-value');
+				let date_parts = e.target.getAttribute('data-date').split('-');
 
-			let animateElements = [];
+				let month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);
 
-			this.store.map((rectGroup, i) => {
-				animateElements = animateElements.concat(animateRegion(
-					rectGroup, newStarts[i], newPos[i], oldPos[i]
-				));
-			});
+				let g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();
 
-			return animateElements;
-		}
-	},
+				let width = parseInt(e.target.getAttribute('width'));
+				let x = p_off.left - g_off.left + (width+2)/2;
+				let y = p_off.top - g_off.top - (width+2)/2;
+				let value = count + ' ' + this.count_label;
+				let name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];
 
-	barGraph: {
-		layerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },
-		makeElements(data) {
-			let c = this.constants;
-			this.unitType = 'bar';
-			this.units = data.yPositions.map((y, j) => {
-				return datasetBar(
-					data.xPositions[j],
-					y,
-					data.barWidth,
-					c.color,
-					data.labels[j],
-					j,
-					data.offsets[j],
-					{
-						zeroLine: data.zeroLine,
-						barsWidth: data.barsWidth,
-						minHeight: c.minHeight
-					}
-				)
+				this.tip.setValues(x, y, name, value, [], 1);
+				this.tip.showTip();
 			});
-			return this.units;
-		},
-		animateElements(newData) {
-			let c = this.constants;
+		});
+	}
 
-			let newXPos = newData.xPositions;
-			let newYPos = newData.yPositions;
-			let newOffsets = newData.offsets;
-			let newLabels = newData.labels;
+	update(data) {
+		super.update(data);
+		this.bindTooltip();
+	}
+}
 
-			let oldXPos = this.oldData.xPositions;
-			let oldYPos = this.oldData.yPositions;
-			let oldOffsets = this.oldData.offsets;
-			let oldLabels = this.oldData.labels;
+function dataPrep(data, type) {
+	data.labels = data.labels || [];
 
-			[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);
-			[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);
-			[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);
-			[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);
+	let datasetLength = data.labels.length;
 
-			this.render({
-				xPositions: oldXPos,
-				yPositions: oldYPos,
-				offsets: oldOffsets,
-				labels: newLabels,
+	// Datasets
+	let datasets = data.datasets;
+	let zeroArray = new Array(datasetLength).fill(0);
+	if(!datasets) {
+		// default
+		datasets = [{
+			values: zeroArray
+		}];
+	}
 
-				zeroLine: this.oldData.zeroLine,
-				barsWidth: this.oldData.barsWidth,
-				barWidth: this.oldData.barWidth,
-			});
+	datasets.map((d, i)=> {
+		// Set values
+		if(!d.values) {
+			d.values = zeroArray;
+		} else {
+			// Check for non values
+			let vals = d.values;
+			vals = vals.map(val => (!isNaN(val) ? val : 0));
 
-			let animateElements = [];
+			// Trim or extend
+			if(vals.length > datasetLength) {
+				vals = vals.slice(0, datasetLength);
+			} else {
+				vals = fillArray(vals, datasetLength - vals.length, 0);
+			}
+		}
 
-			this.store.map((bar, i) => {
-				animateElements = animateElements.concat(animateBar(
-					bar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,
-						{zeroLine: newData.zeroLine}
-				));
-			});
+		// Set labels
+		//
 
-			return animateElements;
+		// Set type
+		if(!d.chartType ) {
+			if(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;
+			d.chartType = type;
 		}
-	},
 
-	lineGraph: {
-		layerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },
-		makeElements(data) {
-			let c = this.constants;
-			this.unitType = 'dot';
-			this.paths = {};
-			if(!c.hideLine) {
-				this.paths = getPaths(
-					data.xPositions,
-					data.yPositions,
-					c.color,
-					{
-						heatline: c.heatline,
-						regionFill: c.regionFill
-					},
-					{
-						svgDefs: c.svgDefs,
-						zeroLine: data.zeroLine
-					}
-				);
-			}
+	});
 
-			this.units = [];
-			if(!c.hideDots) {
-				this.units = data.yPositions.map((y, j) => {
-					return datasetDot(
-						data.xPositions[j],
-						y,
-						data.radius,
-						c.color,
-						(c.valuesOverPoints ? data.values[j] : ''),
-						j
-					)
-				});
+	// Markers
+
+	// Regions
+	// data.yRegions = data.yRegions || [];
+	if(data.yRegions) {
+		data.yRegions.map(d => {
+			if(d.end < d.start) {
+				[d.start, d.end] = [d.end, d.start];
 			}
+		});
+	}
 
-			return Object.values(this.paths).concat(this.units);
-		},
-		animateElements(newData) {
-			let newXPos = newData.xPositions;
-			let newYPos = newData.yPositions;
-			let newValues = newData.values;
+	return data;
+}
 
+function zeroDataPrep(realData) {
+	let datasetLength = realData.labels.length;
+	let zeroArray = new Array(datasetLength).fill(0);
 
-			let oldXPos = this.oldData.xPositions;
-			let oldYPos = this.oldData.yPositions;
-			let oldValues = this.oldData.values;
+	let zeroData = {
+		labels: realData.labels.slice(0, -1),
+		datasets: realData.datasets.map(d => {
+			return {
+				name: '',
+				values: zeroArray.slice(0, -1),
+				chartType: d.chartType
+			}
+		}),
+	};
 
-			[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);
-			[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);
-			[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);
+	if(realData.yMarkers) {
+		zeroData.yMarkers = [
+			{
+				value: 0,
+				label: ''
+			}
+		];
+	}
 
-			this.render({
-				xPositions: oldXPos,
-				yPositions: oldYPos,
-				values: newValues,
+	if(realData.yRegions) {
+		zeroData.yRegions = [
+			{
+				start: 0,
+				end: 0,
+				label: ''
+			}
+		];
+	}
 
-				zeroLine: this.oldData.zeroLine,
-				radius: this.oldData.radius,
-			});
+	return zeroData;
+}
 
-			let animateElements = [];
+function getShortenedLabels(chartWidth, labels=[], isSeries=true) {
+	let allowedSpace = chartWidth / labels.length;
+	let allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;
 
-			if(Object.keys(this.paths).length) {
-				animateElements = animateElements.concat(animatePath(
-					this.paths, newXPos, newYPos, newData.zeroLine));
-			}
+	let calcLabels = labels.map((label, i) => {
+		label += "";
+		if(label.length > allowedLetters) {
 
-			if(this.units.length) {
-				this.units.map((dot, i) => {
-					animateElements = animateElements.concat(animateDot(
-						dot, newXPos[i], newYPos[i]));
-				});
+			if(!isSeries) {
+				if(allowedLetters-3 > 0) {
+					label = label.slice(0, allowedLetters-3) + " ...";
+				} else {
+					label = label.slice(0, allowedLetters) + '..';
+				}
+			} else {
+				let multiple = Math.ceil(label.length/allowedLetters);
+				if(i % multiple !== 0) {
+					label = "";
+				}
 			}
-
-			return animateElements;
 		}
-	}
-};
-
-function getComponent(name, constants, getData) {
-	let keys = Object.keys(componentConfigs).filter(k => name.includes(k));
-	let config = componentConfigs[keys[0]];
-	Object.assign(config, {
-		constants: constants,
-		getData: getData
+		return label;
 	});
-	return new ChartComponent(config);
+
+	return calcLabels;
 }
 
 class AxisChart extends BaseChart {
@@ -2853,8 +2900,6 @@ class AxisChart extends BaseChart {
 		let barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');
 		let lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');
 
-		// console.log('barDatasets', barDatasets, this.state.datasets);
-
 		let barsConfigs = barDatasets.map(d => {
 			let index = d.index;
 			return [
@@ -3118,12 +3163,10 @@ class AxisChart extends BaseChart {
 
 	addDataPoint(label, datasetValues, index=this.state.datasetLength) {
 		super.addDataPoint(label, datasetValues, index);
-		// console.log(label, datasetValues, this.data.labels);
 		this.data.labels.splice(index, 0, label);
 		this.data.datasets.map((d, i) => {
 			d.values.splice(index, 0, datasetValues[i]);
 		});
-		// console.log(this.data);
 		this.update(this.data);
 	}
 
@@ -3136,9 +3179,6 @@ class AxisChart extends BaseChart {
 		this.update(this.data);
 	}
 
-	// getDataPoint(index = 0) {}
-	// setCurrentDataPoint(point) {}
-
 	updateDataset(datasetValues, index=0) {
 		this.data.datasets[index].values = datasetValues;
 		this.update(this.data);
@@ -3153,9 +3193,6 @@ class AxisChart extends BaseChart {
 	// removeDataPoint(index = 0) {}
 }
 
-
-// keep a binding at the end of chart
-
 const chartTypes = {
 	// multiaxis: MultiAxisChart,
 	percentage: PercentageChart,
diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js
index 342ab09..449c4c7 100644
--- a/dist/frappe-charts.min.cjs.js
+++ b/dist/frappe-charts.min.cjs.js
@@ -1 +1 @@
-"use strict";function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                              \n\t\t\t\t
                                                                                              '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=a,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=r,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                              '+this.subtitle+'
                                                                                              \n\t\t\t\t
                                                                                              \n\t\t\t\t
                                                                                              '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:e.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grand_total=e.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],e.sliceTotals.map(function(e,i){var a=$.create("div",{className:"progress-bar","data-index":i,inside:t.percentageBar,styles:{background:t.colors[i],width:100*e/t.grand_total+"%"}});t.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(i){var a=i.target;if(a.classList.contains("progress-bar")){var n=a.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(a),o=s.left-r.left+a.offsetWidth/2,l=s.top-r.top-6,c=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grand_total).toFixed(1);t.tip.setValues(o,l,c,h+"%"),t.tip.showTip()}})}}]),e}(AggregationChart),PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.hoverRadio=i.hoverRadio||.1,a.startAngle=i.startAngle||0,a.clockWise=i.clockWise||!1,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,a=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.state.sliceTotals.map(function(s,o){var l=r,c=s/e.grand_total*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t&&n[o],v=void 0,g=void 0;t?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,e.center,e.radius,e.clockWise),m=makePath(y,"pie-path","none",e.colors[o]);m.style.transition="transform .3s;",e.drawArea.appendChild(m),e.slices.push(m),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grand_total,startAngle:l,endAngle:u,angle:h}),t&&e.elements_to_animate.push([m,{d:makeArcPathStr(d,p,e.center,e.radius,e.clockWise)},650,"easein",null,{d:y}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,o,l,c+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,a=this.curActiveSlice,n=0;ni)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.count_label,u=" on "+n+" "+a[0]+", "+a[2];t.tip.setValues(l,c,u,h,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(o,l,a[r],"",c),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};module.exports=Chart;
+"use strict";function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                \n\t\t\t\t
                                                                                                '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=a,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=r,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                '+this.subtitle+'
                                                                                                \n\t\t\t\t
                                                                                                \n\t\t\t\t
                                                                                                '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:e.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(i,a){var n=$.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*i/t.grandTotal+"%"}});e.slices.push(n)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(i){var a=i.target;if(a.classList.contains("progress-bar")){var n=a.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(a),o=s.left-r.left+a.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,c,h+"%"),t.tip.showTip()}})}}]),e}(AggregationChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var a=makePath(e,"pie-path","none",t.colors[i]);return a.style.transition="transform .3s;",a})},animateElements:function(t){return this.store.map(function(e,i){return animatePathStr(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.initTimeout=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,a=this.clockWise,n=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&n[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle:u,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,l,c+"%"),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=n}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,a=this.curActiveSliceIndex,n=this.curActiveSlice;if(i.includes(e)){var r=i.indexOf(e);this.hoverSlice(n,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),Heatmap=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discrete_domains=i.discrete_domains||1,a.count_label=i.count_label||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legend_colors||[]).slice(0,5);return a.legend_colors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.count_label,u=" on "+n+" "+a[0]+", "+a[2];t.tip.setValues(l,c,u,h,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(o,l,a[r],"",c),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};module.exports=Chart;
diff --git a/dist/frappe-charts.min.esm.js b/dist/frappe-charts.min.esm.js
index caff811..0aabdf5 100644
--- a/dist/frappe-charts.min.esm.js
+++ b/dist/frappe-charts.min.esm.js
@@ -1 +1 @@
-function __$styleInject(t,e){void 0===e&&(e={});var a=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),a=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-a}function fire(t,e,a){var i=document.createEvent("HTMLEvents");i.initEvent(e,!0,!0);for(var n in a)i[n]=a[n];return t.dispatchEvent(i)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];a||(a=i?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(a);return t=i?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var a=void 0,i=void 0;return t<=e?(a=e-t,i=t):(a=t-e,i=e),[a,i]}function equilizeNoOfElements(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return a>0?t=fillArray(t,a):e=fillArray(e,a),[t,e]}function translate(t,e,a,i){var n="string"==typeof e?e:e.join(", ");return[t,{transform:a.join(", ")},i,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,a){return translate(t,[a,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,a){return translate(t,[0,a],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,a,i){var n=e-a,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,i],[0,a],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(a,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:i,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:i,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,a){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,a],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:a},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,a,i){var n=[],r=a.map(function(t,a){return e[a]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+i+"L",l="L"+e.slice(-1)[0]+", "+i,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var a=document.createElementNS("http://www.w3.org/2000/svg",t);for(var i in e){var n=e[i];if("inside"===i)$$1(n).appendChild(a);else if("around"===i){var r=$$1(n);r.parentNode.insertBefore(a,r),a.appendChild(r)}else"styles"===i?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){a.style[t]=n[t]}):("className"===i&&(i="class"),"innerHTML"===i?a.textContent=n:a.setAttribute(i,n))}return a}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,a,i){return createSVG("stop",{inside:t,style:"stop-color: "+a,offset:e,"stop-opacity":i})}function makeSVGContainer(t,e,a,i){return createSVG("svg",{className:e,inside:t,width:a,height:i})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=a.x+t.x,s=a.y+t.y,o=a.x+e.x,l=a.y+e.y;return"M"+a.x+" "+a.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+i+" "+i+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i="path-fill-gradient-"+e+"-"+(a?"lighter":"default"),n=renderVerticalGradient(t,i),r=[1,.6,.2];return a&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),i}function makeHeatSquare(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:a,width:i,height:i,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,a,i){return createSVG("text",{className:t,x:e,y:a,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:i})}function makeVertLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:a,y2:i,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:a>i?a+LABEL_MARGIN:a-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:a,x2:i,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:a3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="left"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===i.mode?a+AXIS_TICK_LENGTH:0;return"tick"===i.mode&&"right"===i.pos&&(n=a+AXIS_TICK_LENGTH,r=a),n+=i.offset,r+=i.offset,makeHoriLine(t,e,n,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function xLine(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};i.pos||(i.pos="bottom"),i.offset||(i.offset=0),i.mode||(i.mode="span"),i.stroke||(i.stroke=BASE_LINE_COLOR),i.className||(i.className="");var n=a+AXIS_TICK_LENGTH,r="span"===i.mode?-1*AXIS_TICK_LENGTH:a;return"tick"===i.mode&&"top"===i.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:i.stroke,className:i.className,lineType:i.lineType})}function yMarker(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:a-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,a,{stroke:i.stroke||BASE_LINE_COLOR,className:i.className||"",lineType:i.lineType});return r.appendChild(n),r}function yRegion(t,e,a,i){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":a+", "+n},x:0,y:0,width:a,height:n}),s=createSVG("text",{className:"chart-label",x:a-getStringWidth(i,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:i+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+i,"data-point-index":r,x:t,y:u-=s,width:a,height:h||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:a/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,a,i){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+i,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:a});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-a+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,a){return t[a]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",a);if(i.heatline){var o=makeGradient(n.svgDefs,a);s.style.stroke="url(#"+o+")"}var l={path:s};if(i.regionFill){var c=makeGradient(n.svgDefs,a,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var a=getColor(t),i=!1;"#"==a[0]&&(a=a.slice(1),i=!0);var n=parseInt(a,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(i?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,a,i){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return i.type=t,i.colors=n?i.colors:void 0,new Chart(a,i)}}function animateSVGElement(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:a/1e3+"s",values:h+";"+u,keySplines:EASING[i],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var a=[],i=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],a.push(s),i.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return i.map(function(t,i){t[1].replaceChild(a[i],t[0]),e[i][0]=a[i]}),n}function runSMILAnimation(t,e,a){if(0!==a.length){var i=animateSVG(e,a);e.parentNode==t&&(t.removeChild(e),t.appendChild(i)),setTimeout(function(){i.parentNode==t&&(t.removeChild(i),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),a=t.getMonth()+1;return[(e>9?"":"0")+e,(a>9?"":"0")+a,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var a=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,a)),a]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=Math.ceil(t),i=Math.floor(e),n=a-i,r=n,s=1;n>5&&(n%2!=0&&(n=++a-i),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(i+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=normalize(t),i=slicedToArray(a,2),n=i[0],r=i[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var a=getChartIntervals(t),i=a[1]-a[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],i=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(i>=0&&n>=0)normalize(i)[1],r=a?getChartIntervals(i,n):getChartIntervals(i);else if(i>0&&n<0){var s=Math.abs(n);i>=s?(normalize(i)[1],r=e(i,s)):(normalize(s)[1],r=e(s,i).map(function(t){return-1*t}))}else if(i<=0&&n<=0){var o=Math.abs(n),l=Math.abs(i);normalize(o)[1],r=(r=a?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var a=Math.max.apply(Math,toConsumableArray(t)),i=1/(e-1),n=[],r=0;ra?r.slice(0,a):fillArray(r,a-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],a=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],i=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>i&&(a?e%Math.ceil(t.length/i)!=0&&(t=""):t=i-3>0?t.slice(0,i-3)+" ...":t.slice(0,i)+".."),t})}function getComponent(t,e,a){var i=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[i[0]];return Object.assign(n,{constants:e,getData:a}),new ChartComponent(n)}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],a=arguments[2];return"line"===t?(a.type="line",new AxisChart(e,a)):"bar"===t?(a.type="bar",new AxisChart(e,a)):"axis-mixed"===t?(a.type="line",new AxisChart(e,a)):chartTypes[t]?new chartTypes[t](e,a):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function a(t,e){return new Promise(function(a,n){var o={key:t,arg:e,resolve:a,reject:n,next:null};s?s=s.next=o:(r=s=o,i(t,e))})}function i(a,r){try{var s=e[a](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){i("next",t)},function(t){i("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?i(r.key,r.arg):s=null}var r,s;this._invoke=a,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var a=0;a\n\t\t\t\t
                                                                                                  \n\t\t\t\t
                                                                                                  '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,a){var i=t.colors[a]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+i},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,a=this.container.querySelector(".svg-pointer");if(this.left<0)a.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var i="calc(50% + "+(this.left-e)+"px)";a.style.left=i,this.left=e}else a.style.left="50%"}},{key:"setValues",value:function(t,e){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=a,this.titleValue=i,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=r,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var a=t.cloneNode();return a.style.fill="#000000",a.style.opacity="0.4",e&&a.setAttribute("transform",e),a},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var a=t.cloneNode(),i=t.getAttribute("r");return a.setAttribute("r",i+DOT_OVERLAY_SIZE_INCR),a.style.fill="#000000",a.style.opacity="0.4",e&&a.setAttribute("transform",e),a}},updateOverlay={bar:function(t,e){var a=void 0;"rect"!==t.nodeName&&(a=t.getAttribute("transform"),t=t.childNodes[0]);var i=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),a&&e.setAttribute("transform",a)},dot:function(t,e){var a=void 0;"circle"!==t.nodeName&&(a=t.getAttribute("transform"),t=t.childNodes[0]);var i=["cx","cy"];Object.values(t.attributes).filter(function(t){return i.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),a&&e.setAttribute("transform",a)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,a){if(classCallCheck(this,t),this.rawChartArgs=a,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=a.title||"",this.subtitle=a.subtitle||"",this.argHeight=a.height||240,this.type=a.type||"",this.realData=this.prepareData(a.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:a.showLegend||1,isNavigable:a.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(a)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                  '+this.subtitle+'
                                                                                                  \n\t\t\t\t
                                                                                                  \n\t\t\t\t
                                                                                                  '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),a&&(this.data=this.realData,setTimeout(function(){t.update()},INIT_CHART_UPDATE_TIMEOUT)),this.renderLegend(),this.setupNavigation(a)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,a=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var i=[];e.forEach(function(t){i=i.concat(t.update(a))}),i.length>0?(runSMILAnimation(this.chartWrapper,this.svg,i),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,a){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,a=this.config.maxSlices;e.sliceTotals=[];var i=this.data.labels.map(function(e,a){var i=0;return t.data.datasets.map(function(t){i+=t.values[a]}),[i,e]}).filter(function(t){return t[0]>0}),n=i;if(i.length>a){i.sort(function(t,e){return e[0]-t[0]}),n=i.slice(0,a-1);var r=0;i.slice(a-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[a-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var a=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:e.labels;this.legendTotals.map(function(e,i){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+a[i]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.type="percentage",i.setup(),i}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grand_total=e.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],e.sliceTotals.map(function(e,a){var i=$.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*e/t.grand_total+"%"}});t.slices.push(i)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(a){var i=a.target;if(i.classList.contains("progress-bar")){var n=i.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(i),o=s.left-r.left+i.offsetWidth/2,l=s.top-r.top-6,c=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grand_total).toFixed(1);t.tip.setValues(o,l,c,h+"%"),t.tip.showTip()}})}}]),e}(AggregationChart),PieChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.type="pie",i.hoverRadio=a.hoverRadio||.1,i.startAngle=a.startAngle||0,i.clockWise=a.clockWise||!1,i.setup(),i}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,a=this.radius,i=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var n=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var r=180-this.startAngle;this.state.sliceTotals.map(function(s,o){var l=r,c=s/e.grand_total*FULL_ANGLE,h=i?-c:c,u=r+=h,d=getPositionByAngle(l,a),p=getPositionByAngle(u,a),f=t&&n[o],v=void 0,g=void 0;t?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,e.center,e.radius,e.clockWise),m=makePath(y,"pie-path","none",e.colors[o]);m.style.transition="transform .3s;",e.drawArea.appendChild(m),e.slices.push(m),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grand_total,startAngle:l,endAngle:u,angle:h}),t&&e.elements_to_animate.push([m,{d:makeArcPathStr(d,p,e.center,e.radius,e.clockWise)},650,"easein",null,{d:y}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,a=this.hoverRadio,i=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+i.x*a+"px,"+i.y*a+"px,0)"}},{key:"hoverSlice",value:function(t,e,a,i){if(t){var n=this.colors[e];if(a){transform(t,this.calTranslateByAngle(this.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=i.pageX-r.left+10,o=i.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.grand_total).toFixed(1);this.tip.set_values(s,o,l,c+"%"),this.tip.show_tip()}else transform(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=n}}},{key:"mouseMove",value:function(t){for(var e=t.target,a=this.curActiveSliceIndex,i=this.curActiveSlice,n=0;na)break;v.getMonth()-t.getMonth()&&(i=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,i]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,a){var i=makeText("y-value-text",e+12,10,t.month_names[t.months[a]].substring(0,3));t.domainLabelGroup.appendChild(i)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var a=e.target.getAttribute("data-value"),i=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(i[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=a+" "+t.count_label,u=" on "+n+" "+i[0]+", "+i[2];t.tip.setValues(l,c,u,h,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),ChartComponent=function(){function t(e){var a=e.layerClass,i=void 0===a?"":a,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=i,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return yLine(a,t.labels[i],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.labels,i=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,labels:a}),this.store.map(function(t,a){return translateHoriLine(t,e[a],i[a])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(a,i){return xLine(a,t.calcLabels[i],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,a=t.calcLabels,i=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(i,e),s=slicedToArray(r,2);i=s[0],e=s[1];var o=equilizeNoOfElements(n,a),l=slicedToArray(o,2);return n=l[0],a=l[1],this.render({positions:i,calcLabels:a}),this.store.map(function(t,a){return translateVertLine(t,e[a],i[a])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,i[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),a=slicedToArray(e,2);this.oldData=a[0];var i=(t=a[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],i[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(a,i){return datasetBar(t.xPositions[i],a,t.barWidth,e.color,t.labels[i],i,t.offsets[i],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,a=t.xPositions,i=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,a),u=slicedToArray(h,2);s=u[0],a=u[1];var d=equilizeNoOfElements(o,i),p=slicedToArray(d,2);o=p[0],i=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,a[s],i[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(a,i){return datasetDot(t.xPositions[i],a,t.radius,e.color,e.valuesOverPoints?t.values[i]:"",i)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,a=t.yPositions,i=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,a),h=slicedToArray(c,2);r=h[0],a=h[1];var u=equilizeNoOfElements(s,i),d=slicedToArray(u,2);s=d[0],i=d[1],this.render({xPositions:n,yPositions:r,values:i,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,a,t.zeroLine))),this.units.length&&this.units.map(function(t,i){p=p.concat(animateDot(t,e[i],a[i]))}),p}}},AxisChart=function(t){function e(t,a){classCallCheck(this,e);var i=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,a));return i.barOptions=a.barOptions||{},i.lineOptions=a.lineOptions||{},i.type=a.type||"line",i.setup(),i}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,a){return floatTwo(t.xOffset+a*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),a=this.height/getValueRange(e),i=getIntervalSize(e)*a,n=this.height-getZeroIndex(e)*i;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*a}),scaleMultiplier:a,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,a){var i=t.values,n=t.cumulativeYs||[];return{name:t.name,index:a,chartType:t.chartType,values:i,yPositions:e(i),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,a){e.yPositions.map(function(e,a){e=0;r--){var s=a.xAxis.positions[r];if(t>s-a.unitWidth/2){var o=s+this.leftMargin,l=a.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,a){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[a]}});this.tip.setValues(o,l,i[r],"",c),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var a=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](a),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var a=e.units[t.state.currentIndex];updateOverlay[e.type](a,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,a){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,a,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,e){t.values.splice(i,0,a[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,a){return classCallCheck(this,t),getChartByType(a.type,e,a)};export default Chart;
+function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                    \n\t\t\t\t
                                                                                                    '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=a,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=r,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                    '+this.subtitle+'
                                                                                                    \n\t\t\t\t
                                                                                                    \n\t\t\t\t
                                                                                                    '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:e.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(i,a){var n=$.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*i/t.grandTotal+"%"}});e.slices.push(n)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(i){var a=i.target;if(a.classList.contains("progress-bar")){var n=a.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(a),o=s.left-r.left+a.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,c,h+"%"),t.tip.showTip()}})}}]),e}(AggregationChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var a=makePath(e,"pie-path","none",t.colors[i]);return a.style.transition="transform .3s;",a})},animateElements:function(t){return this.store.map(function(e,i){return animatePathStr(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.initTimeout=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,a=this.clockWise,n=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&n[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle:u,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,l,c+"%"),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=n}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,a=this.curActiveSliceIndex,n=this.curActiveSlice;if(i.includes(e)){var r=i.indexOf(e);this.hoverSlice(n,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),Heatmap=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discrete_domains=i.discrete_domains||1,a.count_label=i.count_label||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legend_colors||[]).slice(0,5);return a.legend_colors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.count_label,u=" on "+n+" "+a[0]+", "+a[2];t.tip.setValues(l,c,u,h,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(o,l,a[r],"",c),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};export default Chart;
diff --git a/dist/frappe-charts.min.iife.js b/dist/frappe-charts.min.iife.js
index dba0748..031c6f7 100644
--- a/dist/frappe-charts.min.iife.js
+++ b/dist/frappe-charts.min.iife.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*At)*e,y:Math.cos(t*At)*e}}function h(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Lt,"translate",{transform:a}]}function d(t,e,i){return u(t,[i,0],[e,0],Pt)}function p(t,e,i){return u(t,[0,i],[0,e],Pt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Pt,Lt],u(t,[0,n],[0,i],Pt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=bt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Tt,Lt],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Pt)]:[[t,{width:n,height:o,x:e,y:l},Tt,Lt]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Pt)]:[[t,{cx:e,cy:i},Tt,Lt]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Ot,Lt];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Ot,Lt];a.push(h)}return a}function m(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function b(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)m(a).appendChild(i);else if("around"===n){var s=m(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":pt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function x(t,e){return b("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function k(t,e,i,n){return b("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function w(t,e,i,n){return b("svg",{className:e,inside:t,width:i,height:n})}function _(t){return b("defs",{inside:t})}function A(t,e){return b("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function T(t){return b("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function P(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=x(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),k(a,"0%",e,s[0]),k(a,"50%",e,s[1]),k(a,"100%",e,s[2]),n}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),b("rect",r)}function L(t,e,i,n){return b("text",{className:t,x:e,y:i,dy:Nt/2+"px","font-size":Nt+"px",innerHTML:n})}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=b("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=b("text",{x:0,y:i>n?i+Ct:i-Ct-Nt,dy:Nt+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:e}),o=b("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=b("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=b("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=-1*Mt,s="span"===n.mode?i+Mt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Mt,s=i),a+=n.offset,s+=n.offset,C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=i+Mt,s="span"===n.mode?-1*Mt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Mt,s=0),M(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=b("text",{className:"chart-label",x:i-o(e,5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:e+""}),s=C(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function S(t,e,i,n){var a=t-e,s=b("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=b("text",{className:"chart-label",x:i-o(n,4.5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:n+""}),l=b("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=h(e,o.zeroLine),c=bt(l,2),u=c[0],d=c[1],p=b("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:u||o.minHeight});if(a||a.length){p.setAttribute("y",0),p.setAttribute("x",0);var f=b("text",{className:"data-point-value",x:i/2,y:0,dy:Nt/2*-1+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),v=b("g",{transform:"translate("+t+", "+d+")"});return v.appendChild(p),v.appendChild(f),v}return p}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=b("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=b("text",{className:"data-point-value",x:0,y:0,dy:Nt/2*-1-i+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),o=b("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=T("M"+s,"line-graph-path",i);if(n.heatline){var o=P(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=P(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=T(c,"region-fill","none","url(#"+h+")")}return l}function F(t){return t>255?255:t<0?0:t}function H(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=F((a>>16)+e),r=F((a>>8&255)+e),o=F((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function R(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function I(t,e,i,n){if(t!==e){Ft.includes(t)||console.error("'"+t+"' is not a valid chart type."),Ht[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Rt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new Qt(i,n)}}function G(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:It[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)h.setAttribute(p,d[p]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function V(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function B(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=G.apply(void 0,xt(t)),l=bt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function X(t,e,i){if(0!==i.length){var n=B(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Dt)}}function q(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function U(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function J(t,e){return Math.ceil(K(t,e)/7)}function K(t,e){return(q(e)-q(t))/864e5}function $(t,e){t.setDate(t.getDate()+e)}function Q(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function Z(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Q(t),n=bt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=Z(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function et(t){function e(t,e){for(var i=tt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,xt(t)),a=Math.min.apply(Math,xt(t)),s=[];if(n>=0&&a>=0)Q(n)[1],s=i?tt(n,a):tt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(Q(n)[1],s=e(n,r)):(Q(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);Q(o)[1],s=(s=i?tt(o,l):tt(o)).reverse().map(function(t){return-1*t})}return s}function it(t){var e=nt(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function nt(t){return t[1]-t[0]}function at(t){return t[t.length-1]-t[0]}function st(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function rt(t,e){for(var i=Math.max.apply(Math,xt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(wt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/_t;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ut(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Ut(a)}function dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Kt(e,i)):"bar"===t?(i.type="bar",new Kt(e,i)):"axis-mixed"===t?(i.type="line",new Kt(e,i)):$t[t]?new $t[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ft=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),vt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                      \n\t\t\t\t
                                                                                                      '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=n,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=s,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),wt=["line","bar"],_t=8,At=Math.PI/180,Tt=350,Ot=350,Pt=Tt,Dt=250,Lt="easein",Mt=6,Ct=4,Nt=10,Et="#dadada",Wt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},St={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},zt={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},jt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return zt[t]||t},Ft=["line","scatter","bar","percentage","heatmap","pie"],Ht={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Rt={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},It={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},Gt=function(){function e(t,i){if(ft(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return vt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                      '+this.subtitle+'
                                                                                                      \n\t\t\t\t
                                                                                                      \n\t\t\t\t
                                                                                                      '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new kt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(X(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=w(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=_(this.svg),this.drawArea=A(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return I(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Vt=function(e){function i(t,e){return ft(this,i),mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return yt(i,e),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(Gt),Bt=function(i){function n(t,e){ft(this,n);var i=mt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return yt(n,i),vt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grand_total=i.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],i.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar","data-index":n,inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grand_total).toFixed(1);t.tip.setValues(l,h,c,u+"%"),t.tip.showTip()}})}}]),n}(Vt),Xt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.hoverRadio=e.hoverRadio||.1,n.startAngle=e.startAngle||0,n.clockWise=e.clockWise||!1,n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,n=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var a=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.state.sliceTotals.map(function(r,o){var h=s,c=r/e.grand_total*360,u=n?-c:c,d=s+=u,p=l(h,i),f=l(d,i),v=t&&a[o],g=void 0,y=void 0;t?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=O(g,y,e.center,e.radius,e.clockWise),b=T(m,"pie-path","none",e.colors[o]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:p,endPosition:f,value:r,total:e.grand_total,startAngle:h,endAngle:d,angle:u}),t&&e.elements_to_animate.push([b,{d:O(p,f,e.center,e.radius,e.clockWise)},650,"easein",null,{d:m}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){V(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=H(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else V(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;ai)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=L("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,u,c,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Gt),Ut=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;ft(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return vt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=A(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return N(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return W(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return p(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return S(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return z(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),d=bt(u,2);r=d[0],i=d[1];var p=c(o,n),f=bt(p,2);o=f[0],n=f[1];var g=c(l,a),y=bt(g,2);l=y[0],a=y[1];var m=c(h,s),b=bt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=Y(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return j(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=c(a,e),l=bt(o,2);a=l[0],e=l[1];var h=c(s,i),u=bt(h,2);s=u[0],i=u[1];var d=c(r,n),p=bt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return lt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ht(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=et(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/at(e),n=nt(e)*i,a=this.height-it(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return st(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(o,l,n[s],"",h),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=Wt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];St[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Gt),$t={percentage:Bt,heatmap:qt,pie:Xt},Qt=function t(e,i){return ft(this,t),dt(i.type,e,i)};return Qt}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*Lt)*e,y:Math.cos(t*Lt)*e}}function h(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Ct,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Dt)}function d(t,e,i){return u(t,[0,i],[0,e],Dt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Dt,Ct],u(t,[0,n],[0,i],Dt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=xt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Ot,Ct],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Dt)]:[[t,{width:n,height:o,x:e,y:l},Ot,Ct]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Dt)]:[[t,{cx:e,cy:i},Ot,Ct]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Pt,Ct];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Pt,Ct];a.push(h)}return a}function m(t,e){return[t,{d:e},Ot,Ct]}function b(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function x(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)b(a).appendChild(i);else if("around"===n){var s=b(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ft(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 k(t,e){return x("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function w(t,e,i,n){return x("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function _(t,e,i,n){return x("svg",{className:e,inside:t,width:i,height:n})}function A(t){return x("defs",{inside:t})}function T(t,e){return x("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function L(t){return x("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function P(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=k(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),w(a,"0%",e,s[0]),w(a,"50%",e,s[1]),w(a,"100%",e,s[2]),n}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),x("rect",r)}function M(t,e,i,n){return x("text",{className:t,x:e,y:i,dy:St/2+"px","font-size":St+"px",innerHTML:n})}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Wt);var s=x("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=x("text",{x:0,y:i>n?i+Et:i-Et-St,dy:St+"px","font-size":St+"px","text-anchor":"middle",innerHTML:e}),o=x("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Wt),a.lineType||(a.lineType="");var s=x("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=x("text",{x:i3&&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=Wt),n.className||(n.className="");var a=-1*Nt,s="span"===n.mode?i+Nt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Nt,s=i),a+=n.offset,s+=n.offset,N(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function S(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Wt),n.className||(n.className="");var a=i+Nt,s="span"===n.mode?-1*Nt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Nt,s=0),C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=x("text",{className:"chart-label",x:i-o(e,5)-Et,y:0,dy:St/-2+"px","font-size":St+"px","text-anchor":"start",innerHTML:e+""}),s=N(t,"",0,i,{stroke:n.stroke||Wt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function z(t,e,i,n){var a=t-e,s=x("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Wt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=x("text",{className:"chart-label",x:i-o(n,4.5)-Et,y:0,dy:St/-2+"px","font-size":St+"px","text-anchor":"start",innerHTML:n+""}),l=x("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=h(e,o.zeroLine),c=xt(l,2),u=c[0],p=c[1],d=x("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if(a||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=x("text",{className:"data-point-value",x:i/2,y:0,dy:St/2*-1+"px","font-size":St+"px","text-anchor":"middle",innerHTML:a}),v=x("g",{transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function F(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=x("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=x("text",{className:"data-point-value",x:0,y:0,dy:St/2*-1-i+"px","font-size":St+"px","text-anchor":"middle",innerHTML:a}),o=x("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=L("M"+s,"line-graph-path",i);if(n.heatline){var o=P(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=P(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=L(c,"region-fill","none","url(#"+h+")")}return l}function H(t){return t>255?255:t<0?0:t}function R(t,e){var i=Ht(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=H((a>>16)+e),r=H((a>>8&255)+e),o=H((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function I(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function G(t,e,i,n){if(t!==e){Rt.includes(t)||console.error("'"+t+"' is not a valid chart type."),It[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Gt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new te(i,n)}}function V(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],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 B(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function X(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=V.apply(void 0,kt(t)),l=xt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function q(t,e,i){if(0!==i.length){var n=X(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Mt)}}function U(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Ut(a)}function J(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function K(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function $(t,e){return Math.ceil(Q(t,e)/7)}function Q(t,e){return(J(e)-J(t))/864e5}function Z(t,e){t.setDate(t.getDate()+e)}function tt(t){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 et(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 it(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=tt(t),n=xt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=et(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function nt(t){function e(t,e){for(var i=it(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,kt(t)),a=Math.min.apply(Math,kt(t)),s=[];if(n>=0&&a>=0)tt(n)[1],s=i?it(n,a):it(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(tt(n)[1],s=e(n,r)):(tt(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);tt(o)[1],s=(s=i?it(o,l):it(o)).reverse().map(function(t){return-1*t})}return s}function at(t){var e=st(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 st(t){return t[1]-t[0]}function rt(t){return t[t.length-1]-t[0]}function ot(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function lt(t,e){for(var i=Math.max.apply(Math,kt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(At.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Tt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Qt(e,i)):"bar"===t?(i.type="bar",new Qt(e,i)):"axis-mixed"===t?(i.type="line",new Qt(e,i)):Zt[t]?new Zt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ft="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},vt=(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")}),gt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                        \n\t\t\t\t
                                                                                                        '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=n,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=s,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),_t=700,At=["line","bar"],Tt=8,Lt=Math.PI/180,Ot=350,Pt=350,Dt=Ot,Mt=250,Ct="easein",Nt=6,Et=4,St=10,Wt="#dadada",zt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},jt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Ft={"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"},Yt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Ht=function(t){return Ft[t]||t},Rt=["line","scatter","bar","percentage","heatmap","pie"],It={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:[]},Gt={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"},Bt=function(){function e(t,i){if(vt(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=_t,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return gt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                        '+this.subtitle+'
                                                                                                        \n\t\t\t\t
                                                                                                        \n\t\t\t\t
                                                                                                        '}),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 wt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(q(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=_(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=A(this.svg),this.drawArea=T(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return G(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Xt=function(e){function i(t,e){return vt(this,i),bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return mt(i,e),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(Bt),qt=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return mt(n,i),gt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=t.create("div",{className:"progress-bar","data-index":a,inside:e.percentageBar,styles:{background:e.colors[a],width:100*n/e.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,h,c,u+"%"),t.tip.showTip()}})}}]),n}(Xt),Ut=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;vt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return gt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=T(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=L(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return m(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=c(n,e),r=xt(s,2);n=r[0],e=r[1];var o=c(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return S(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=c(n,e),r=xt(s,2);n=r[0],e=r[1];var o=c(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return W(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return z(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return j(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),p=xt(u,2);r=p[0],i=p[1];var d=c(o,n),f=xt(d,2);o=f[0],n=f[1];var g=c(l,a),y=xt(g,2);l=y[0],a=y[1];var m=c(h,s),b=xt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=Y(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return F(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=c(a,e),l=xt(o,2);a=l[0],e=l[1];var h=c(s,i),u=xt(h,2);s=u[0],i=u[1];var p=c(r,n),d=xt(p,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){vt(this,i);var n=bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.setup(),n}return mt(i,t),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var h=s,c=r/e.grandTotal*360,u=n?-c:c,p=s+=u,d=l(h,i),f=l(p,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=O(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grandTotal,startAngle:h,endAngle:p,angle:u})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=U.apply(void 0,kt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){B(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=R(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,h,c+"%"),this.tip.showTip()}else B(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(Xt),$t=function(t){function e(t,i){vt(this,e);var n=bt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discrete_domains=i.discrete_domains||1,n.count_label=i.count_label||"";var a=new Date;n.start=i.start||Z(a,365);var s=(i.legend_colors||[]).slice(0,5);return n.legend_colors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return mt(e,t),gt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){I(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&Z(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&Z(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=$(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=T(this.drawArea,"domain-label-group chart-label"),this.dataGroups=T(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=lt(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,u,c,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Bt),Qt=function(t){function i(t,e){vt(this,i);var n=bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return mt(i,t),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return ct(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ut(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=nt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/rt(e),n=st(e)*i,a=this.height-at(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return ot(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(o,l,n[s],"",h),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=zt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];jt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;yt(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;yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Bt),Zt={percentage:qt,heatmap:$t,pie:Kt},te=function t(e,i){return vt(this,t),dt(i.type,e,i)};return te}();
 //# sourceMappingURL=frappe-charts.min.iife.js.map
diff --git a/dist/frappe-charts.min.iife.js.map b/dist/frappe-charts.min.iife.js.map
index 2fc8b65..e08614f 100644
--- a/dist/frappe-charts.min.iife.js.map
+++ b/dist/frappe-charts.min.iife.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/animate.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/config.js","../src/js/utils/animation.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/objects/ChartComponents.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                                          \n\t\t\t\t
                                                                                                          `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {\n\t\tthis.titleName = titleName;\n\t\tthis.titleValue = titleValue;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = titleValueFirst;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                                          ${this.title}
                                                                                                          \n\t\t\t\t
                                                                                                          ${this.subtitle}
                                                                                                          \n\t\t\t\t
                                                                                                          \n\t\t\t\t
                                                                                                          `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trender() { }\n\n\tbindTooltip() { }\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t\t\tlet y = p_off.top - g_off.top - 6;\n\t\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\t}\n\tcalc() {\n\t\tsuper.calc();\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t}\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\t}\n\n\trender(init) {\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\n\t\tthis.state.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([slice,\n\t\t\t\t\t{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\t// if(init){\n\t\t// \trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t// }\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\n\t\t\ttransform(path, this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\t// console.log('barDatasets', barDatasets, this.state.datasets);\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\n\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","refresh","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","reduce","slices","classList","contains","g_off","p_off","percent","setValues","showTip","PieChart","hoverRadio","startAngle","mouseMove","mouseLeave","prevSlicesProperties","slicesProperties","elements_to_animate","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","transition","property","position","flag","calTranslateByAngle","pageX","pageY","set_values","show_tip","hide_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
+{"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/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                                            \n\t\t\t\t
                                                                                                            `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {\n\t\tthis.titleName = titleName;\n\t\tthis.titleValue = titleValue;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = titleValueFirst;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                                            ${this.title}
                                                                                                            \n\t\t\t\t
                                                                                                            ${this.subtitle}
                                                                                                            \n\t\t\t\t
                                                                                                            \n\t\t\t\t
                                                                                                            `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.chartWrapper), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t}\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t}\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.chartWrapper.addEventListener('mousemove', this.mouseMove);\n\t\tthis.chartWrapper.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","refresh","INIT_CHART_UPDATE_TIMEOUT","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","initTimeout","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","textContent","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/frappe-charts.min.js b/docs/assets/js/frappe-charts.min.js
index 29eac35..7004b72 100644
--- a/docs/assets/js/frappe-charts.min.js
+++ b/docs/assets/js/frappe-charts.min.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*At)*e,y:Math.cos(t*At)*e}}function h(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Lt,"translate",{transform:a}]}function d(t,e,i){return u(t,[i,0],[e,0],Pt)}function p(t,e,i){return u(t,[0,i],[0,e],Pt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Pt,Lt],u(t,[0,n],[0,i],Pt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=bt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Tt,Lt],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Pt)]:[[t,{width:n,height:o,x:e,y:l},Tt,Lt]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Pt)]:[[t,{cx:e,cy:i},Tt,Lt]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Ot,Lt];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Ot,Lt];a.push(h)}return a}function m(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function b(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var n in e){var a=e[n];if("inside"===n)m(a).appendChild(i);else if("around"===n){var s=m(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":pt(a))&&Object.keys(a).map(function(t){i.style[t]=a[t]}):("className"===n&&(n="class"),"innerHTML"===n?i.textContent=a:i.setAttribute(n,a))}return i}function x(t,e){return b("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function k(t,e,i,n){return b("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function w(t,e,i,n){return b("svg",{className:e,inside:t,width:i,height:n})}function _(t){return b("defs",{inside:t})}function A(t,e){return b("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function T(t){return b("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function P(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=x(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),k(a,"0%",e,s[0]),k(a,"50%",e,s[1]),k(a,"100%",e,s[2]),n}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),b("rect",r)}function L(t,e,i,n){return b("text",{className:t,x:e,y:i,dy:Nt/2+"px","font-size":Nt+"px",innerHTML:n})}function M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=b("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=b("text",{x:0,y:i>n?i+Ct:i-Ct-Nt,dy:Nt+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:e}),o=b("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=b("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=b("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=-1*Mt,s="span"===n.mode?i+Mt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Mt,s=i),a+=n.offset,s+=n.offset,C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=i+Mt,s="span"===n.mode?-1*Mt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Mt,s=0),M(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=b("text",{className:"chart-label",x:i-o(e,5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:e+""}),s=C(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function S(t,e,i,n){var a=t-e,s=b("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=b("text",{className:"chart-label",x:i-o(n,4.5)-Ct,y:0,dy:Nt/-2+"px","font-size":Nt+"px","text-anchor":"start",innerHTML:n+""}),l=b("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=h(e,o.zeroLine),c=bt(l,2),u=c[0],d=c[1],p=b("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:d-=r,width:i,height:u||o.minHeight});if(a||a.length){p.setAttribute("y",0),p.setAttribute("x",0);var f=b("text",{className:"data-point-value",x:i/2,y:0,dy:Nt/2*-1+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),v=b("g",{transform:"translate("+t+", "+d+")"});return v.appendChild(p),v.appendChild(f),v}return p}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=b("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=b("text",{className:"data-point-value",x:0,y:0,dy:Nt/2*-1-i+"px","font-size":Nt+"px","text-anchor":"middle",innerHTML:a}),o=b("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=T("M"+s,"line-graph-path",i);if(n.heatline){var o=P(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=P(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=T(c,"region-fill","none","url(#"+h+")")}return l}function F(t){return t>255?255:t<0?0:t}function H(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=F((a>>16)+e),r=F((a>>8&255)+e),o=F((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function R(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function I(t,e,i,n){if(t!==e){Ft.includes(t)||console.error("'"+t+"' is not a valid chart type."),Ht[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Rt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new Qt(i,n)}}function G(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:c,to:u,begin:"0s",dur:i/1e3+"s",values:c+";"+u,keySplines:It[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(d.type=a);for(var p in d)h.setAttribute(p,d[p]);r.appendChild(h),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function V(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function B(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=G.apply(void 0,xt(t)),l=bt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function X(t,e,i){if(0!==i.length){var n=B(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Dt)}}function q(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function U(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function J(t,e){return Math.ceil(K(t,e)/7)}function K(t,e){return(q(e)-q(t))/864e5}function $(t,e){t.setDate(t.getDate()+e)}function Q(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function Z(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),n=Math.floor(e),a=i-n,s=a,r=1;a>5&&(a%2!=0&&(a=++i-n),s=a/2,r=2),a<=2&&(r=a/(s=4)),0===a&&(s=5,r=1);for(var o=[],l=0;l<=s;l++)o.push(n+r*l);return o}function tt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Q(t),n=bt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=Z(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function et(t){function e(t,e){for(var i=tt(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,xt(t)),a=Math.min.apply(Math,xt(t)),s=[];if(n>=0&&a>=0)Q(n)[1],s=i?tt(n,a):tt(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(Q(n)[1],s=e(n,r)):(Q(r)[1],s=e(r,n).map(function(t){return-1*t}))}else if(n<=0&&a<=0){var o=Math.abs(a),l=Math.abs(n);Q(o)[1],s=(s=i?tt(o,l):tt(o)).reverse().map(function(t){return-1*t})}return s}function it(t){var e=nt(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function nt(t){return t[1]-t[0]}function at(t){return t[t.length-1]-t[0]}function st(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function rt(t,e){for(var i=Math.max.apply(Math,xt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(wt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/_t;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function ut(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Ut(a)}function dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Kt(e,i)):"bar"===t?(i.type="bar",new Kt(e,i)):"axis-mixed"===t?(i.type="line",new Kt(e,i)):$t[t]?new $t[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var pt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ft=(function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,a){var o={key:t,arg:e,resolve:i,reject:a,next:null};r?r=r.next=o:(s=r=o,n(t,e))})}function n(i,s){try{var r=e[i](s),o=r.value;o instanceof t?Promise.resolve(o.value).then(function(t){n("next",t)},function(t){n("throw",t)}):a(r.done?"return":"normal",r.value)}catch(t){a("throw",t)}}function a(t,e){switch(t){case"return":s.resolve({value:e,done:!0});break;case"throw":s.reject(e);break;default:s.resolve({value:e,done:!1})}(s=s.next)?n(s.key,s.arg):r=null}var s,r;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),vt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                              \n\t\t\t\t
                                                                                                              '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=n,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=s,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),wt=["line","bar"],_t=8,At=Math.PI/180,Tt=350,Ot=350,Pt=Tt,Dt=250,Lt="easein",Mt=6,Ct=4,Nt=10,Et="#dadada",Wt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},St={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},zt={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},jt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return zt[t]||t},Ft=["line","scatter","bar","percentage","heatmap","pie"],Ht={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},Rt={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},It={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},Gt=function(){function e(t,i){if(ft(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return vt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                              '+this.subtitle+'
                                                                                                              \n\t\t\t\t
                                                                                                              \n\t\t\t\t
                                                                                                              '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new kt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},700)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(X(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=w(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=_(this.svg),this.drawArea=A(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return I(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Vt=function(e){function i(t,e){return ft(this,i),mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return yt(i,e),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"render",value:function(){}},{key:"bindTooltip",value:function(){}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(Gt),Bt=function(i){function n(t,e){ft(this,n);var i=mt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return yt(n,i),vt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grand_total=i.sliceTotals.reduce(function(t,e){return t+e},0),this.slices=[],i.sliceTotals.map(function(i,n){var a=t.create("div",{className:"progress-bar","data-index":n,inside:e.percentageBar,styles:{background:e.colors[n],width:100*i/e.grand_total+"%"}});e.slices.push(a)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formatted_labels&&t.formatted_labels.length>0?t.formatted_labels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grand_total).toFixed(1);t.tip.setValues(l,h,c,u+"%"),t.tip.showTip()}})}}]),n}(Vt),Xt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.hoverRadio=e.hoverRadio||.1,n.startAngle=e.startAngle||0,n.clockWise=e.clockWise||!1,n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this)}},{key:"calc",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this),this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y}},{key:"render",value:function(t){var e=this,i=this.radius,n=this.clockWise;this.grand_total=this.state.sliceTotals.reduce(function(t,e){return t+e},0);var a=this.slicesProperties||[];this.slices=[],this.elements_to_animate=[],this.slicesProperties=[];var s=180-this.startAngle;this.state.sliceTotals.map(function(r,o){var h=s,c=r/e.grand_total*360,u=n?-c:c,d=s+=u,p=l(h,i),f=l(d,i),v=t&&a[o],g=void 0,y=void 0;t?(g=v?v.startPosition:p,y=v?v.endPosition:p):(g=p,y=f);var m=O(g,y,e.center,e.radius,e.clockWise),b=T(m,"pie-path","none",e.colors[o]);b.style.transition="transform .3s;",e.drawArea.appendChild(b),e.slices.push(b),e.slicesProperties.push({startPosition:p,endPosition:f,value:r,total:e.grand_total,startAngle:h,endAngle:d,angle:u}),t&&e.elements_to_animate.push([b,{d:O(p,f,e.center,e.radius,e.clockWise)},650,"easein",null,{d:m}])})}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){V(t,this.calTranslateByAngle(this.slicesProperties[i])),t.style.fill=H(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.grand_total).toFixed(1);this.tip.set_values(o,l,h,c+"%"),this.tip.show_tip()}else V(t,"translate3d(0,0,0)"),this.tip.hide_tip(),t.style.fill=s}}},{key:"mouseMove",value:function(t){for(var e=t.target,i=this.curActiveSliceIndex,n=this.curActiveSlice,a=0;ai)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=L("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,u,c,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){gt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Gt),Ut=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;ft(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return vt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=A(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return N(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=c(n,e),r=bt(s,2);n=r[0],e=r[1];var o=c(a,i),l=bt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return W(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return p(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return S(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=bt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return z(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),d=bt(u,2);r=d[0],i=d[1];var p=c(o,n),f=bt(p,2);o=f[0],n=f[1];var g=c(l,a),y=bt(g,2);l=y[0],a=y[1];var m=c(h,s),b=bt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=Y(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return j(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=c(a,e),l=bt(o,2);a=l[0],e=l[1];var h=c(s,i),u=bt(h,2);s=u[0],i=u[1];var d=c(r,n),p=bt(d,2);r=p[0],n=p[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){ft(this,i);var n=mt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return yt(i,t),vt(i,[{key:"configure",value:function(t){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return lt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ht(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=et(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/at(e),n=nt(e)*i,a=this.height-it(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return st(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(o,l,n[s],"",h),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=Wt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];St[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"addDataPoint",this).call(this,t,e,n),this.data.labels.splice(n,0,t),this.data.datasets.map(function(t,i){t.values.splice(n,0,e[i])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;gt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Gt),$t={percentage:Bt,heatmap:qt,pie:Xt},Qt=function t(e,i){return ft(this,t),dt(i.type,e,i)};return Qt}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*Lt)*e,y:Math.cos(t*Lt)*e}}function h(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Ct,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Dt)}function d(t,e,i){return u(t,[0,i],[0,e],Dt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Dt,Ct],u(t,[0,n],[0,i],Dt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=xt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Ot,Ct],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Dt)]:[[t,{width:n,height:o,x:e,y:l},Ot,Ct]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Dt)]:[[t,{cx:e,cy:i},Ot,Ct]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Pt,Ct];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Pt,Ct];a.push(h)}return a}function m(t,e){return[t,{d:e},Ot,Ct]}function b(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function x(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)b(a).appendChild(i);else if("around"===n){var s=b(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ft(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 k(t,e){return x("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function w(t,e,i,n){return x("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function _(t,e,i,n){return x("svg",{className:e,inside:t,width:i,height:n})}function A(t){return x("defs",{inside:t})}function T(t,e){return x("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function L(t){return x("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function P(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=k(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),w(a,"0%",e,s[0]),w(a,"50%",e,s[1]),w(a,"100%",e,s[2]),n}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),x("rect",r)}function M(t,e,i,n){return x("text",{className:t,x:e,y:i,dy:St/2+"px","font-size":St+"px",innerHTML:n})}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Wt);var s=x("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=x("text",{x:0,y:i>n?i+Et:i-Et-St,dy:St+"px","font-size":St+"px","text-anchor":"middle",innerHTML:e}),o=x("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Wt),a.lineType||(a.lineType="");var s=x("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=x("text",{x:i3&&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=Wt),n.className||(n.className="");var a=-1*Nt,s="span"===n.mode?i+Nt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Nt,s=i),a+=n.offset,s+=n.offset,N(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function S(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Wt),n.className||(n.className="");var a=i+Nt,s="span"===n.mode?-1*Nt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Nt,s=0),C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=x("text",{className:"chart-label",x:i-o(e,5)-Et,y:0,dy:St/-2+"px","font-size":St+"px","text-anchor":"start",innerHTML:e+""}),s=N(t,"",0,i,{stroke:n.stroke||Wt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function z(t,e,i,n){var a=t-e,s=x("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Wt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=x("text",{className:"chart-label",x:i-o(n,4.5)-Et,y:0,dy:St/-2+"px","font-size":St+"px","text-anchor":"start",innerHTML:n+""}),l=x("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=h(e,o.zeroLine),c=xt(l,2),u=c[0],p=c[1],d=x("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if(a||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=x("text",{className:"data-point-value",x:i/2,y:0,dy:St/2*-1+"px","font-size":St+"px","text-anchor":"middle",innerHTML:a}),v=x("g",{transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function F(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=x("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=x("text",{className:"data-point-value",x:0,y:0,dy:St/2*-1-i+"px","font-size":St+"px","text-anchor":"middle",innerHTML:a}),o=x("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=L("M"+s,"line-graph-path",i);if(n.heatline){var o=P(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=P(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=L(c,"region-fill","none","url(#"+h+")")}return l}function H(t){return t>255?255:t<0?0:t}function R(t,e){var i=Ht(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=H((a>>16)+e),r=H((a>>8&255)+e),o=H((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function I(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function G(t,e,i,n){if(t!==e){Rt.includes(t)||console.error("'"+t+"' is not a valid chart type."),It[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Gt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new te(i,n)}}function V(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],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 B(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function X(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=V.apply(void 0,kt(t)),l=xt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function q(t,e,i){if(0!==i.length){var n=X(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Mt)}}function U(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Ut(a)}function J(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function K(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function $(t,e){return Math.ceil(Q(t,e)/7)}function Q(t,e){return(J(e)-J(t))/864e5}function Z(t,e){t.setDate(t.getDate()+e)}function tt(t){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 et(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 it(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=tt(t),n=xt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=et(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function nt(t){function e(t,e){for(var i=it(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,kt(t)),a=Math.min.apply(Math,kt(t)),s=[];if(n>=0&&a>=0)tt(n)[1],s=i?it(n,a):it(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(tt(n)[1],s=e(n,r)):(tt(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);tt(o)[1],s=(s=i?it(o,l):it(o)).reverse().map(function(t){return-1*t})}return s}function at(t){var e=st(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 st(t){return t[1]-t[0]}function rt(t){return t[t.length-1]-t[0]}function ot(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function lt(t,e){for(var i=Math.max.apply(Math,kt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(At.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Tt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Qt(e,i)):"bar"===t?(i.type="bar",new Qt(e,i)):"axis-mixed"===t?(i.type="line",new Qt(e,i)):Zt[t]?new Zt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ft="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},vt=(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")}),gt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                \n\t\t\t\t
                                                                                                                '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=n,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=s,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),_t=700,At=["line","bar"],Tt=8,Lt=Math.PI/180,Ot=350,Pt=350,Dt=Ot,Mt=250,Ct="easein",Nt=6,Et=4,St=10,Wt="#dadada",zt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},jt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Ft={"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"},Yt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Ht=function(t){return Ft[t]||t},Rt=["line","scatter","bar","percentage","heatmap","pie"],It={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:[]},Gt={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"},Bt=function(){function e(t,i){if(vt(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=_t,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return gt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                '+this.subtitle+'
                                                                                                                \n\t\t\t\t
                                                                                                                \n\t\t\t\t
                                                                                                                '}),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 wt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(q(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=_(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=A(this.svg),this.drawArea=T(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return G(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Xt=function(e){function i(t,e){return vt(this,i),bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return mt(i,e),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(Bt),qt=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return mt(n,i),gt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=t.create("div",{className:"progress-bar","data-index":a,inside:e.percentageBar,styles:{background:e.colors[a],width:100*n/e.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,h,c,u+"%"),t.tip.showTip()}})}}]),n}(Xt),Ut=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;vt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return gt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=T(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=L(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return m(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=c(n,e),r=xt(s,2);n=r[0],e=r[1];var o=c(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return S(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=c(n,e),r=xt(s,2);n=r[0],e=r[1];var o=c(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return W(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return z(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return j(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),p=xt(u,2);r=p[0],i=p[1];var d=c(o,n),f=xt(d,2);o=f[0],n=f[1];var g=c(l,a),y=xt(g,2);l=y[0],a=y[1];var m=c(h,s),b=xt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=Y(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return F(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=c(a,e),l=xt(o,2);a=l[0],e=l[1];var h=c(s,i),u=xt(h,2);s=u[0],i=u[1];var p=c(r,n),d=xt(p,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){vt(this,i);var n=bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.setup(),n}return mt(i,t),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var h=s,c=r/e.grandTotal*360,u=n?-c:c,p=s+=u,d=l(h,i),f=l(p,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=O(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grandTotal,startAngle:h,endAngle:p,angle:u})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=U.apply(void 0,kt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){B(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=R(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,h,c+"%"),this.tip.showTip()}else B(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(Xt),$t=function(t){function e(t,i){vt(this,e);var n=bt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discrete_domains=i.discrete_domains||1,n.count_label=i.count_label||"";var a=new Date;n.start=i.start||Z(a,365);var s=(i.legend_colors||[]).slice(0,5);return n.legend_colors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return mt(e,t),gt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){I(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&Z(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&Z(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=$(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=T(this.drawArea,"domain-label-group chart-label"),this.dataGroups=T(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=lt(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,u,c,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Bt),Qt=function(t){function i(t,e){vt(this,i);var n=bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return mt(i,t),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return ct(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ut(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=nt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/rt(e),n=st(e)*i,a=this.height-at(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return ot(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(o,l,n[s],"",h),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=zt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];jt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;yt(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;yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Bt),Zt={percentage:qt,heatmap:$t,pie:Kt},te=function t(e,i){return vt(this,t),dt(i.type,e,i)};return te}();
 //# sourceMappingURL=frappe-charts.min.js.map
diff --git a/docs/assets/js/frappe-charts.min.js.map b/docs/assets/js/frappe-charts.min.js.map
index 43f73bc..abc4912 100644
--- a/docs/assets/js/frappe-charts.min.js.map
+++ b/docs/assets/js/frappe-charts.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/objects/ChartComponents.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textra_count=array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extra_count > 0) {\n\t\tarray1 = fillArray(array1, extra_count);\n\t} else {\n\t\tarray2 = fillArray(array2, extra_count);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import { makeSVGGroup } from '../utils/draw';\nimport { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                                                  \n\t\t\t\t
                                                                                                                  `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {\n\t\tthis.titleName = titleName;\n\t\tthis.titleValue = titleValue;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = titleValueFirst;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                                                  ${this.title}
                                                                                                                  \n\t\t\t\t
                                                                                                                  ${this.subtitle}
                                                                                                                  \n\t\t\t\t
                                                                                                                  \n\t\t\t\t
                                                                                                                  `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trender() { }\n\n\tbindTooltip() { }\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tthis.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grand_total + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);\n\n\t\t\t\tlet x = p_off.left - g_off.left + slice.offsetWidth/2;\n\t\t\t\tlet y = p_off.top - g_off.top - 6;\n\t\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length>0\n\t\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.startAngle = args.startAngle || 0;\n\t\tthis.clockWise = args.clockWise || false;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\t}\n\tcalc() {\n\t\tsuper.calc();\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t}\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\t}\n\n\trender(init) {\n\t\tconst{radius,clockWise} = this;\n\t\tthis.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);\n\t\tconst prevSlicesProperties = this.slicesProperties || [];\n\t\tthis.slices = [];\n\t\tthis.elements_to_animate = [];\n\t\tthis.slicesProperties = [];\n\t\tlet curAngle = 180 - this.startAngle;\n\n\t\tthis.state.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / this.grand_total) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\t\t\tconst prevProperty = init && prevSlicesProperties[i];\n\t\t\tlet curStart,curEnd;\n\t\t\tif(init){\n\t\t\t\tcurStart = prevProperty?prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty? prevProperty.endPosition : startPosition;\n\t\t\t}else{\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\t\t\tlet slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);\n\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\tthis.drawArea.appendChild(slice);\n\n\t\t\tthis.slices.push(slice);\n\t\t\tthis.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: this.grand_total,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\t\t\tif(init){\n\t\t\t\tthis.elements_to_animate.push([slice,\n\t\t\t\t\t{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},\n\t\t\t\t\t650, \"easein\",null,{\n\t\t\t\t\t\td:curPath\n\t\t\t\t\t}]);\n\t\t\t}\n\n\t\t});\n\t\t// if(init){\n\t\t// \trunSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);\n\t\t// }\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\n\t\t\ttransform(path, this.calTranslateByAngle(this.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);\n\t\t\tthis.tip.set_values(x, y, title, percent + \"%\");\n\t\t\tthis.tip.show_tip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hide_tip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tfor(let i = 0; i < this.slices.length; i++){\n\t\t\tif(target === this.slices[i]){\n\t\t\t\tthis.hoverSlice(prevAcitve,prevIndex,false);\n\t\t\t\tthis.curActiveSlice = target;\n\t\t\t\tthis.curActiveSliceIndex = i;\n\t\t\t\tthis.hoverSlice(target,i,true,e);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n\tbindTooltip() {\n\t\t// this.drawArea.addEventListener('mousemove',this.mouseMove);\n\t\t// this.drawArea.addEventListener('mouseleave',this.mouseLeave);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\t// console.log('barDatasets', barDatasets, this.state.datasets);\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\t// console.log(label, datasetValues, this.data.labels);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\t// console.log(this.data);\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// getDataPoint(index = 0) {}\n\t// setCurrentDataPoint(point) {}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n\n\n// keep a binding at the end of chart\n\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extra_count","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","filter","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getComponent","name","constants","getData","Object","componentConfigs","k","config","assign","ChartComponent","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","refresh","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grand_total","reduce","slices","classList","contains","g_off","p_off","percent","setValues","showTip","PieChart","hoverRadio","startAngle","mouseMove","mouseLeave","prevSlicesProperties","slicesProperties","elements_to_animate","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","transition","property","position","flag","calTranslateByAngle","pageX","pageY","set_values","show_tip","hide_tip","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","textContent","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","positions","newData","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","component","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
+{"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/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                                                    \n\t\t\t\t
                                                                                                                    `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {\n\t\tthis.titleName = titleName;\n\t\tthis.titleValue = titleValue;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = titleValueFirst;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                                                    ${this.title}
                                                                                                                    \n\t\t\t\t
                                                                                                                    ${this.subtitle}
                                                                                                                    \n\t\t\t\t
                                                                                                                    \n\t\t\t\t
                                                                                                                    `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.chartWrapper), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t}\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t}\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.chartWrapper.addEventListener('mousemove', this.mouseMove);\n\t\tthis.chartWrapper.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","refresh","INIT_CHART_UPDATE_TIMEOUT","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","initTimeout","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","textContent","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/src/js/charts/AggregationChart.js b/src/js/charts/AggregationChart.js
index 34435f0..9c07e60 100644
--- a/src/js/charts/AggregationChart.js
+++ b/src/js/charts/AggregationChart.js
@@ -47,10 +47,6 @@ export default class AggregationChart extends BaseChart {
 		});
 	}
 
-	render() { }
-
-	bindTooltip() { }
-
 	renderLegend() {
 		let s = this.state;
 
diff --git a/src/js/charts/AxisChart.js b/src/js/charts/AxisChart.js
index 16c9f9e..4a6ef47 100644
--- a/src/js/charts/AxisChart.js
+++ b/src/js/charts/AxisChart.js
@@ -215,8 +215,6 @@ export default class AxisChart extends BaseChart {
 		let barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');
 		let lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');
 
-		// console.log('barDatasets', barDatasets, this.state.datasets);
-
 		let barsConfigs = barDatasets.map(d => {
 			let index = d.index;
 			return [
@@ -480,12 +478,10 @@ export default class AxisChart extends BaseChart {
 
 	addDataPoint(label, datasetValues, index=this.state.datasetLength) {
 		super.addDataPoint(label, datasetValues, index);
-		// console.log(label, datasetValues, this.data.labels);
 		this.data.labels.splice(index, 0, label);
 		this.data.datasets.map((d, i) => {
 			d.values.splice(index, 0, datasetValues[i]);
 		});
-		// console.log(this.data);
 		this.update(this.data);
 	}
 
@@ -498,9 +494,6 @@ export default class AxisChart extends BaseChart {
 		this.update(this.data);
 	}
 
-	// getDataPoint(index = 0) {}
-	// setCurrentDataPoint(point) {}
-
 	updateDataset(datasetValues, index=0) {
 		this.data.datasets[index].values = datasetValues;
 		this.update(this.data);
@@ -514,7 +507,3 @@ export default class AxisChart extends BaseChart {
 	// addDataPoint(dataPoint, index = 0) {}
 	// removeDataPoint(index = 0) {}
 }
-
-
-// keep a binding at the end of chart
-
diff --git a/src/js/charts/BaseChart.js b/src/js/charts/BaseChart.js
index 9e5e9eb..f420226 100644
--- a/src/js/charts/BaseChart.js
+++ b/src/js/charts/BaseChart.js
@@ -34,6 +34,8 @@ export default class BaseChart {
 		this.state = {};
 		this.options = {};
 
+		this.initTimeout = INIT_CHART_UPDATE_TIMEOUT;
+
 		if(this.config.isNavigable) {
 			this.overlays = [];
 		}
@@ -138,7 +140,7 @@ export default class BaseChart {
 
 		if(init) {
 			this.data = this.realData;
-			setTimeout(() => {this.update();}, INIT_CHART_UPDATE_TIMEOUT);
+			setTimeout(() => {this.update();}, this.initTimeout);
 		}
 
 		this.renderLegend();
diff --git a/src/js/charts/PercentageChart.js b/src/js/charts/PercentageChart.js
index 0d83b20..2a09099 100644
--- a/src/js/charts/PercentageChart.js
+++ b/src/js/charts/PercentageChart.js
@@ -35,8 +35,8 @@ export default class PercentageChart extends AggregationChart {
 
 	render() {
 		let s = this.state;
-		this.grand_total = s.sliceTotals.reduce((a, b) => a + b, 0);
-		this.slices = [];
+		this.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);
+		s.slices = [];
 		s.sliceTotals.map((total, i) => {
 			let slice = $.create('div', {
 				className: `progress-bar`,
@@ -44,10 +44,10 @@ export default class PercentageChart extends AggregationChart {
 				inside: this.percentageBar,
 				styles: {
 					background: this.colors[i],
-					width: total*100/this.grand_total + "%"
+					width: total*100/this.grandTotal + "%"
 				}
 			});
-			this.slices.push(slice);
+			s.slices.push(slice);
 		});
 	}
 
@@ -59,13 +59,13 @@ export default class PercentageChart extends AggregationChart {
 			if(slice.classList.contains('progress-bar')) {
 
 				let i = slice.getAttribute('data-index');
-				let g_off = getOffset(this.chartWrapper), p_off = getOffset(slice);
+				let gOff = getOffset(this.chartWrapper), pOff = getOffset(slice);
 
-				let x = p_off.left - g_off.left + slice.offsetWidth/2;
-				let y = p_off.top - g_off.top - 6;
-				let title = (this.formatted_labels && this.formatted_labels.length>0
-					? this.formatted_labels[i] : this.state.labels[i]) + ': ';
-				let percent = (s.sliceTotals[i]*100/this.grand_total).toFixed(1);
+				let x = pOff.left - gOff.left + slice.offsetWidth/2;
+				let y = pOff.top - gOff.top - 6;
+				let title = (this.formattedLabels && this.formattedLabels.length>0
+					? this.formattedLabels[i] : this.state.labels[i]) + ': ';
+				let percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);
 
 				this.tip.setValues(x, y, title, percent + "%");
 				this.tip.showTip();
diff --git a/src/js/charts/PieChart.js b/src/js/charts/PieChart.js
index 108be3a..e0d1112 100644
--- a/src/js/charts/PieChart.js
+++ b/src/js/charts/PieChart.js
@@ -1,5 +1,6 @@
 import AggregationChart from './AggregationChart';
-import { $, getOffset } from '../utils/dom';
+import { getComponent } from '../objects/ChartComponents';
+import { getOffset } from '../utils/dom';
 import { getPositionByAngle } from '../utils/helpers';
 import { makePath, makeArcPathStr } from '../utils/draw';
 import { lightenDarkenColor } from '../utils/colors';
@@ -10,10 +11,7 @@ export default class PieChart extends AggregationChart {
 	constructor(parent, args) {
 		super(parent, args);
 		this.type = 'pie';
-
-		this.hoverRadio = args.hoverRadio || 0.1;
-		this.startAngle = args.startAngle || 0;
-		this.clockWise = args.clockWise || false;
+		this.initTimeout = 0;
 
 		this.setup();
 	}
@@ -22,68 +20,98 @@ export default class PieChart extends AggregationChart {
 		super.configure(args);
 		this.mouseMove = this.mouseMove.bind(this);
 		this.mouseLeave = this.mouseLeave.bind(this);
+
+		this.hoverRadio = args.hoverRadio || 0.1;
+		this.config.startAngle = args.startAngle || 0;
+
+		this.clockWise = args.clockWise || false;
 	}
+
+	prepareFirstData(data=this.data) {
+		this.init = 1;
+		return data;
+	}
+
 	calc() {
 		super.calc();
+		let s = this.state;
+
 		this.center = {
 			x: this.width / 2,
 			y: this.height / 2
 		}
 		this.radius = (this.height > this.width ? this.center.x : this.center.y);
+
+		s.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);
+
+		this.calcSlices();
 	}
 
-	render(init) {
-		const{radius,clockWise} = this;
-		this.grand_total = this.state.sliceTotals.reduce((a, b) => a + b, 0);
-		const prevSlicesProperties = this.slicesProperties || [];
-		this.slices = [];
-		this.elements_to_animate = [];
-		this.slicesProperties = [];
-		let curAngle = 180 - this.startAngle;
+	calcSlices() {
+		let s = this.state;
+		const { radius, clockWise } = this;
+
+		const prevSlicesProperties = s.slicesProperties || [];
+		s.sliceStrings = [];
+		s.slicesProperties = [];
+		let curAngle = 180 - this.config.startAngle;
 
-		this.state.sliceTotals.map((total, i) => {
+		s.sliceTotals.map((total, i) => {
 			const startAngle = curAngle;
-			const originDiffAngle = (total / this.grand_total) * FULL_ANGLE;
+			const originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;
 			const diffAngle = clockWise ? -originDiffAngle : originDiffAngle;
 			const endAngle = curAngle = curAngle + diffAngle;
 			const startPosition = getPositionByAngle(startAngle, radius);
 			const endPosition = getPositionByAngle(endAngle, radius);
-			const prevProperty = init && prevSlicesProperties[i];
+
+			const prevProperty = this.init && prevSlicesProperties[i];
+
 			let curStart,curEnd;
-			if(init){
-				curStart = prevProperty?prevProperty.startPosition : startPosition;
-				curEnd = prevProperty? prevProperty.endPosition : startPosition;
-			}else{
+			if(this.init) {
+				curStart = prevProperty ? prevProperty.startPosition : startPosition;
+				curEnd = prevProperty ? prevProperty.endPosition : startPosition;
+			} else {
 				curStart = startPosition;
 				curEnd = endPosition;
 			}
 			const curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);
-			let slice = makePath(curPath, 'pie-path', 'none', this.colors[i]);
-			slice.style.transition = 'transform .3s;';
-			this.drawArea.appendChild(slice);
 
-			this.slices.push(slice);
-			this.slicesProperties.push({
+			s.sliceStrings.push(curPath);
+			s.slicesProperties.push({
 				startPosition,
 				endPosition,
 				value: total,
-				total: this.grand_total,
+				total: s.grandTotal,
 				startAngle,
 				endAngle,
 				angle: diffAngle
 			});
-			if(init){
-				this.elements_to_animate.push([slice,
-					{d: makeArcPathStr(startPosition, endPosition, this.center, this.radius, this.clockWise)},
-					650, "easein",null,{
-						d:curPath
-					}]);
-			}
 
 		});
-		// if(init){
-		// 	runSMILAnimation(this.chartWrapper, this.svg, this.elements_to_animate);
-		// }
+		this.init = 0;
+	}
+
+	setupComponents() {
+		let s = this.state;
+
+		let componentConfigs = [
+			[
+				'pieSlices',
+				{ },
+				function() {
+					return {
+						sliceStrings: s.sliceStrings,
+						colors: this.colors
+					}
+				}.bind(this)
+			]
+		];
+
+		this.components = new Map(componentConfigs
+			.map(args => {
+				let component = getComponent(...args);
+				return [args[0], component];
+			}));
 	}
 
 	calTranslateByAngle(property){
@@ -96,43 +124,45 @@ export default class PieChart extends AggregationChart {
 		if(!path) return;
 		const color = this.colors[i];
 		if(flag) {
-
-			transform(path, this.calTranslateByAngle(this.slicesProperties[i]));
+			transform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));
 			path.style.fill = lightenDarkenColor(color, 50);
 			let g_off = getOffset(this.svg);
 			let x = e.pageX - g_off.left + 10;
 			let y = e.pageY - g_off.top - 10;
 			let title = (this.formatted_labels && this.formatted_labels.length > 0
 				? this.formatted_labels[i] : this.state.labels[i]) + ': ';
-			let percent = (this.state.sliceTotals[i]*100/this.grand_total).toFixed(1);
-			this.tip.set_values(x, y, title, percent + "%");
-			this.tip.show_tip();
+			let percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);
+			this.tip.setValues(x, y, title, percent + "%");
+			this.tip.showTip();
 		} else {
 			transform(path,'translate3d(0,0,0)');
-			this.tip.hide_tip();
+			this.tip.hideTip();
 			path.style.fill = color;
 		}
 	}
 
+	bindTooltip() {
+		this.chartWrapper.addEventListener('mousemove', this.mouseMove);
+		this.chartWrapper.addEventListener('mouseleave', this.mouseLeave);
+	}
+
 	mouseMove(e){
 		const target = e.target;
+		let slices = this.components.get('pieSlices').store;
 		let prevIndex = this.curActiveSliceIndex;
 		let prevAcitve = this.curActiveSlice;
-		for(let i = 0; i < this.slices.length; i++){
-			if(target === this.slices[i]){
-				this.hoverSlice(prevAcitve,prevIndex,false);
-				this.curActiveSlice = target;
-				this.curActiveSliceIndex = i;
-				this.hoverSlice(target,i,true,e);
-				break;
-			}
+		if(slices.includes(target)) {
+			let i = slices.indexOf(target);
+			this.hoverSlice(prevAcitve, prevIndex,false);
+			this.curActiveSlice = target;
+			this.curActiveSliceIndex = i;
+			this.hoverSlice(target, i, true, e);
+		} else {
+			this.mouseLeave();
 		}
 	}
+
 	mouseLeave(){
 		this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);
 	}
-	bindTooltip() {
-		// this.drawArea.addEventListener('mousemove',this.mouseMove);
-		// this.drawArea.addEventListener('mouseleave',this.mouseLeave);
-	}
 }
diff --git a/src/js/objects/ChartComponents.js b/src/js/objects/ChartComponents.js
index f6cf7bd..721eb70 100644
--- a/src/js/objects/ChartComponents.js
+++ b/src/js/objects/ChartComponents.js
@@ -1,7 +1,8 @@
 import { makeSVGGroup } from '../utils/draw';
-import { xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';
+import { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';
 import { equilizeNoOfElements } from '../utils/draw-utils';
-import { translateHoriLine, translateVertLine, animateRegion, animateBar, animateDot, animatePath } from '../utils/animate';
+import { translateHoriLine, translateVertLine, animateRegion, animateBar,
+	animateDot, animatePath, animatePathStr } from '../utils/animate';
 
 class ChartComponent {
 	constructor({
@@ -63,6 +64,22 @@ class ChartComponent {
 }
 
 let componentConfigs = {
+	pieSlices: {
+		layerClass: 'pie-slices',
+		makeElements(data) {
+			return data.sliceStrings.map((s, i) =>{
+				let slice = makePath(s, 'pie-path', 'none', data.colors[i]);
+				slice.style.transition = 'transform .3s;';
+				return slice;
+			});
+		},
+
+		animateElements(newData) {
+			return this.store.map((slice, i) =>
+				animatePathStr(slice, newData.sliceStrings[i])
+			);
+		}
+	},
 	yAxis: {
 		layerClass: 'y axis',
 		makeElements(data) {
diff --git a/src/js/utils/animate.js b/src/js/utils/animate.js
index 6c264b7..62acb49 100644
--- a/src/js/utils/animate.js
+++ b/src/js/utils/animate.js
@@ -99,3 +99,7 @@ export function animatePath(paths, newXList, newYList, zeroLine) {
 	return pathComponents;
 }
 
+export function animatePathStr(oldPath, pathStr) {
+	return [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];
+}
+
diff --git a/src/js/utils/draw-utils.js b/src/js/utils/draw-utils.js
index 62dbea0..a8242cc 100644
--- a/src/js/utils/draw-utils.js
+++ b/src/js/utils/draw-utils.js
@@ -14,13 +14,13 @@ export function getBarHeightAndYAttr(yTop, zeroLine) {
 }
 
 export function equilizeNoOfElements(array1, array2,
-	extra_count=array2.length - array1.length) {
+	extraCount = array2.length - array1.length) {
 
 	// Doesn't work if either has zero elements.
-	if(extra_count > 0) {
-		array1 = fillArray(array1, extra_count);
+	if(extraCount > 0) {
+		array1 = fillArray(array1, extraCount);
 	} else {
-		array2 = fillArray(array2, extra_count);
+		array2 = fillArray(array2, extraCount);
 	}
 	return [array1, array2];
 }

From 546ce96a12732baea61628fa08aab5e06e372165 Mon Sep 17 00:00:00 2001
From: Prateeksha Singh 
Date: Tue, 6 Mar 2018 03:05:40 +0530
Subject: [PATCH 50/51] [fixes] tooltip format, legend, labels, heatmap margin

---
 dist/frappe-charts.esm.js               | 331 +++++++++++++----------
 dist/frappe-charts.min.cjs.js           |   2 +-
 dist/frappe-charts.min.css              |   2 +-
 dist/frappe-charts.min.esm.js           |   2 +-
 dist/frappe-charts.min.iife.js          |   2 +-
 dist/frappe-charts.min.iife.js.map      |   2 +-
 docs/assets/js/frappe-charts.min.js     |   2 +-
 docs/assets/js/frappe-charts.min.js.map |   2 +-
 docs/assets/js/index.js                 | 332 ++++++++++++++----------
 docs/index.html                         | 191 ++++++--------
 src/js/charts/AggregationChart.js       |   7 +-
 src/js/charts/AxisChart.js              | 104 +++++---
 src/js/charts/BaseChart.js              |   5 +-
 src/js/charts/Heatmap.js                | 185 ++++++-------
 src/js/charts/PercentageChart.js        |   2 +-
 src/js/charts/PieChart.js               |   8 +-
 src/js/objects/SvgTip.js                |  12 +-
 src/js/utils/constants.js               |   4 +-
 src/js/utils/date-utils.js              |   7 +-
 src/js/utils/draw.js                    |  17 +-
 src/scss/charts.scss                    |   9 +-
 21 files changed, 683 insertions(+), 545 deletions(-)

diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js
index 0c93f0c..399a7c9 100644
--- a/dist/frappe-charts.esm.js
+++ b/dist/frappe-charts.esm.js
@@ -133,6 +133,9 @@ class SvgTip {
 
 	fill() {
 		let title;
+		if(this.index) {
+			this.container.setAttribute('data-point-index', this.index);
+		}
 		if(this.titleValueFirst) {
 			title = `${this.titleValue}${this.titleName}`;
 		} else {
@@ -179,13 +182,14 @@ class SvgTip {
 		}
 	}
 
-	setValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {
-		this.titleName = titleName;
-		this.titleValue = titleValue;
+	setValues(x, y, title = {}, listValues = [], index = -1) {
+		this.titleName = title.name;
+		this.titleValue = title.value;
 		this.listValues = listValues;
 		this.x = x;
 		this.y = y;
-		this.titleValueFirst = titleValueFirst;
+		this.titleValueFirst = title.valueFirst || 0;
+		this.index = index;
 		this.refresh();
 	}
 
@@ -202,7 +206,7 @@ class SvgTip {
 	}
 }
 
-const VERT_SPACE_OUTSIDE_BASE_CHART = 40;
+const VERT_SPACE_OUTSIDE_BASE_CHART = 50;
 const TRANSLATE_Y_BASE_CHART = 20;
 const LEFT_MARGIN_BASE_CHART = 60;
 const RIGHT_MARGIN_BASE_CHART = 40;
@@ -220,7 +224,7 @@ const MIN_BAR_PERCENT_HEIGHT = 0.01;
 const LINE_CHART_DOT_SIZE = 4;
 const DOT_OVERLAY_SIZE_INCR = 4;
 
-const DEFAULT_CHAR_WIDTH = 8;
+const DEFAULT_CHAR_WIDTH = 7;
 
 // Universal constants
 const ANGLE_RATIO = Math.PI / 180;
@@ -574,7 +578,7 @@ function makeVertLine(x, label, y1, y2, options={}) {
 		dy: FONT_SIZE + 'px',
 		'font-size': FONT_SIZE + 'px',
 		'text-anchor': 'middle',
-		innerHTML: label
+		innerHTML: label + ""
 	});
 
 	let line = createSVG('g', {
@@ -729,7 +733,7 @@ function yRegion(y1, y2, width, label) {
 
 	let labelSvg = createSVG('text', {
 		className: 'chart-label',
-		x: width - getStringWidth(label, 4.5) - LABEL_MARGIN,
+		x: width - getStringWidth(label+"", 4.5) - LABEL_MARGIN,
 		y: 0,
 		dy: (FONT_SIZE / -2) + 'px',
 		'font-size': FONT_SIZE + 'px',
@@ -761,6 +765,8 @@ function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={})
 		height: height || meta.minHeight // TODO: correct y for positive min height
 	});
 
+	label += "";
+
 	if(!label && !label.length) {
 		return rect;
 	} else {
@@ -777,6 +783,7 @@ function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={})
 		});
 
 		let group = createSVG('g', {
+			'data-point-index': index,
 			transform: `translate(${x}, ${y})`
 		});
 		group.appendChild(rect);
@@ -795,6 +802,8 @@ function datasetDot(x, y, radius, color, label='', index=0, meta={}) {
 		r: radius
 	});
 
+	label += "";
+
 	if(!label && !label.length) {
 		return dot;
 	} else {
@@ -812,6 +821,7 @@ function datasetDot(x, y, radius, color, label='', index=0, meta={}) {
 		});
 
 		let group = createSVG('g', {
+			'data-point-index': index,
 			transform: `translate(${x}, ${y})`
 		});
 		group.appendChild(dot);
@@ -873,9 +883,10 @@ let makeOverlay = {
 		}
 		let overlay = unit.cloneNode();
 		let radius = unit.getAttribute('r');
-		overlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);
-		overlay.style.fill = '#000000';
-		overlay.style.opacity = '0.4';
+		let fill = unit.getAttribute('fill');
+		overlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);
+		overlay.setAttribute('fill', fill);
+		overlay.style.opacity = '0.6';
 
 		if(transformValue) {
 			overlay.setAttribute('transform', transformValue);
@@ -1266,7 +1277,10 @@ class BaseChart {
 			setTimeout(() => {this.update();}, this.initTimeout);
 		}
 
-		this.renderLegend();
+		if(!onlyWidthChange) {
+			this.renderLegend();
+		}
+
 		this.setupNavigation(init);
 	}
 
@@ -1456,10 +1470,11 @@ class AggregationChart extends BaseChart {
 	renderLegend() {
 		let s = this.state;
 
+		this.statsWrapper.textContent = '';
+
 		this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);
 
-		let x_values = this.formatted_labels && this.formatted_labels.length > 0
-			? this.formatted_labels : s.labels;
+		let xValues = s.labels;
 		this.legendTotals.map((d, i) => {
 			if(d) {
 				let stats = $.create('div', {
@@ -1468,7 +1483,7 @@ class AggregationChart extends BaseChart {
 				});
 				stats.innerHTML = `
 					
-					${x_values[i]}:
+					${xValues[i]}:
 					${d}
 				`;
 			}
@@ -1542,7 +1557,7 @@ class PercentageChart extends AggregationChart {
 					? this.formattedLabels[i] : this.state.labels[i]) + ': ';
 				let percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);
 
-				this.tip.setValues(x, y, title, percent + "%");
+				this.tip.setValues(x, y, {name: title, value: percent + "%"});
 				this.tip.showTip();
 			}
 		});
@@ -2008,7 +2023,7 @@ class PieChart extends AggregationChart {
 					return {
 						sliceStrings: s.sliceStrings,
 						colors: this.colors
-					}
+					};
 				}.bind(this)
 			]
 		];
@@ -2038,7 +2053,7 @@ class PieChart extends AggregationChart {
 			let title = (this.formatted_labels && this.formatted_labels.length > 0
 				? this.formatted_labels[i] : this.state.labels[i]) + ': ';
 			let percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);
-			this.tip.setValues(x, y, title, percent + "%");
+			this.tip.setValues(x, y, {name: title, value: percent + "%"});
 			this.tip.showTip();
 		} else {
 			transform(path,'translate3d(0,0,0)');
@@ -2106,8 +2121,6 @@ function addDays(date, numberOfDays) {
 	date.setDate(date.getDate() + numberOfDays);
 }
 
-// export function getMonthName() {}
-
 function normalize(x) {
 	// Calculates mantissa and exponent of a number
 	// Returns normalized number and exponent
@@ -2328,15 +2341,15 @@ class Heatmap extends BaseChart {
 		this.domain = options.domain || '';
 		this.subdomain = options.subdomain || '';
 		this.data = options.data || {};
-		this.discrete_domains = options.discrete_domains || 1;
-		this.count_label = options.count_label || '';
+		this.discreteDomains = options.discreteDomains === 0 ? 0 : 1;
+		this.countLabel = options.countLabel || '';
 
 		let today = new Date();
 		this.start = options.start || addDays(today, 365);
 
-		let legend_colors = (options.legend_colors || []).slice(0, 5);
-		this.legend_colors = this.validate_colors(legend_colors)
-			? legend_colors
+		let legendColors = (options.legendColors || []).slice(0, 5);
+		this.legendColors = this.validate_colors(legendColors)
+			? legendColors
 			: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];
 
 		// Fixed 5-color theme,
@@ -2347,6 +2360,12 @@ class Heatmap extends BaseChart {
 		this.setup();
 	}
 
+	setMargins() {
+		super.setMargins();
+		this.leftMargin = 10;
+		this.translateY = 10;
+	}
+
 	validate_colors(colors) {
 		if(colors.length < 5) return 0;
 
@@ -2369,21 +2388,21 @@ class Heatmap extends BaseChart {
 			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());
-		if(this.first_week_start.getDay() !== 7) {
-			addDays(this.first_week_start, (-1) * this.first_week_start.getDay());
+		this.firstWeekStart = new Date(this.start.toDateString());
+		this.lastWeekStart = new Date(this.today.toDateString());
+		if(this.firstWeekStart.getDay() !== 7) {
+			addDays(this.firstWeekStart, (-1) * this.firstWeekStart.getDay());
 		}
-		if(this.last_week_start.getDay() !== 7) {
-			addDays(this.last_week_start, (-1) * this.last_week_start.getDay());
+		if(this.lastWeekStart.getDay() !== 7) {
+			addDays(this.lastWeekStart, (-1) * this.lastWeekStart.getDay());
 		}
-		this.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;
+		this.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;
 	}
 
 	calcWidth() {
 		this.baseWidth = (this.no_of_cols + 3) * 12 ;
 
-		if(this.discrete_domains) {
+		if(this.discreteDomains) {
 			this.baseWidth += (12 * 12);
 		}
 	}
@@ -2397,21 +2416,20 @@ class Heatmap extends BaseChart {
 			'data-groups',
 			`translate(0, 20)`
 		);
-		// Array.prototype.slice.call(
-		// 	this.container.querySelectorAll('.graph-stats-container, .sub-title, .title')
-		// ).map(d => {
-		// 	d.style.display = 'None';
-		// });
-		// this.chartWrapper.style.marginTop = '0px';
-		// this.chartWrapper.style.paddingTop = '0px';
+
+		this.container.querySelector('.title').style.display = 'None';
+		this.container.querySelector('.sub-title').style.display = 'None';
+		this.container.querySelector('.graph-stats-container').style.display = 'None';
+		this.chartWrapper.style.marginTop = '0px';
+		this.chartWrapper.style.paddingTop = '0px';
 	}
 
 	calc() {
 
-		let data_values = Object.keys(this.data).map(key => this.data[key]);
-		this.distribution = calcDistribution(data_values, this.distribution_size);
+		let dataValues = Object.keys(this.data).map(key => this.data[key]);
+		this.distribution = calcDistribution(dataValues, this.distribution_size);
 
-		this.month_names = ["January", "February", "March", "April", "May", "June",
+		this.monthNames = ["January", "February", "March", "April", "May", "June",
 			"July", "August", "September", "October", "November", "December"
 		];
 	}
@@ -2425,118 +2443,118 @@ class Heatmap extends BaseChart {
 		this.domainLabelGroup.textContent = '';
 		this.dataGroups.textContent = '';
 
-		let current_week_sunday = new Date(this.first_week_start);
-		this.week_col = 0;
-		this.current_month = current_week_sunday.getMonth();
+		let currentWeekSunday = new Date(this.firstWeekStart);
+		this.weekCol = 0;
+		this.currentMonth = currentWeekSunday.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);
+		this.months = [this.currentMonth + ''];
+		this.monthWeeks = {}, this.monthStartPoints = [];
+		this.monthWeeks[this.currentMonth] = 0;
+		this.monthStartPoints.push(13);
 
 		for(var i = 0; i < no_of_weeks; i++) {
-			let data_group, month_change = 0;
-			let day = new Date(current_week_sunday);
-
-			[data_group, month_change] = this.get_week_squares_group(day, this.week_col);
-			this.dataGroups.appendChild(data_group);
-			this.week_col += 1 + parseInt(this.discrete_domains && month_change);
-			this.month_weeks[this.current_month]++;
-			if(month_change) {
-				this.current_month = (this.current_month + 1) % 12;
-				this.months.push(this.current_month + '');
-				this.month_weeks[this.current_month] = 1;
+			let dataGroup, monthChange = 0;
+			let day = new Date(currentWeekSunday);
+
+			[dataGroup, monthChange] = this.get_week_squares_group(day, this.weekCol);
+			this.dataGroups.appendChild(dataGroup);
+			this.weekCol += 1 + parseInt(this.discreteDomains && monthChange);
+			this.monthWeeks[this.currentMonth]++;
+			if(monthChange) {
+				this.currentMonth = (this.currentMonth + 1) % 12;
+				this.months.push(this.currentMonth + '');
+				this.monthWeeks[this.currentMonth] = 1;
 			}
-			addDays(current_week_sunday, 7);
+			addDays(currentWeekSunday, 7);
 		}
 		this.render_month_labels();
 	}
 
-	get_week_squares_group(current_date, index) {
-		const no_of_weekdays = 7;
-		const square_side = 10;
-		const cell_padding = 2;
+	get_week_squares_group(currentDate, index) {
+		const noOfWeekdays = 7;
+		const squareSide = 10;
+		const cellPadding = 2;
 		const step = 1;
-		const today_time = this.today.getTime();
+		const todayTime = this.today.getTime();
 
-		let month_change = 0;
-		let week_col_change = 0;
+		let monthChange = 0;
+		let weekColChange = 0;
 
-		let data_group = makeSVGGroup(this.dataGroups, 'data-group');
+		let dataGroup = makeSVGGroup(this.dataGroups, 'data-group');
 
-		for(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {
-			let data_value = 0;
+		for(var y = 0, i = 0; i < noOfWeekdays; i += step, y += (squareSide + cellPadding)) {
+			let dataValue = 0;
 			let colorIndex = 0;
 
-			let current_timestamp = current_date.getTime()/1000;
-			let timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);
+			let currentTimestamp = currentDate.getTime()/1000;
+			let timestamp = Math.floor(currentTimestamp - (currentTimestamp % 86400)).toFixed(1);
 
 			if(this.data[timestamp]) {
-				data_value = this.data[timestamp];
+				dataValue = this.data[timestamp];
 			}
 
 			if(this.data[Math.round(timestamp)]) {
-				data_value = this.data[Math.round(timestamp)];
+				dataValue = this.data[Math.round(timestamp)];
 			}
 
-			if(data_value) {
-				colorIndex = getMaxCheckpoint(data_value, this.distribution);
+			if(dataValue) {
+				colorIndex = getMaxCheckpoint(dataValue, this.distribution);
 			}
 
-			let x = 13 + (index + week_col_change) * 12;
+			let x = 13 + (index + weekColChange) * 12;
 
 			let dataAttr = {
-				'data-date': getDdMmYyyy(current_date),
-				'data-value': data_value,
-				'data-day': current_date.getDay()
+				'data-date': getDdMmYyyy(currentDate),
+				'data-value': dataValue,
+				'data-day': currentDate.getDay()
 			};
 
-			let heatSquare = makeHeatSquare('day', x, y, square_side,
-				this.legend_colors[colorIndex], dataAttr);
+			let heatSquare = makeHeatSquare('day', x, y, squareSide,
+				this.legendColors[colorIndex], dataAttr);
 
-			data_group.appendChild(heatSquare);
+			dataGroup.appendChild(heatSquare);
 
-			let next_date = new Date(current_date);
-			addDays(next_date, 1);
-			if(next_date.getTime() > today_time) break;
+			let nextDate = new Date(currentDate);
+			addDays(nextDate, 1);
+			if(nextDate.getTime() > todayTime) break;
 
 
-			if(next_date.getMonth() - current_date.getMonth()) {
-				month_change = 1;
-				if(this.discrete_domains) {
-					week_col_change = 1;
+			if(nextDate.getMonth() - currentDate.getMonth()) {
+				monthChange = 1;
+				if(this.discreteDomains) {
+					weekColChange = 1;
 				}
 
-				this.month_start_points.push(13 + (index + week_col_change) * 12);
+				this.monthStartPoints.push(13 + (index + weekColChange) * 12);
 			}
-			current_date = next_date;
+			currentDate = nextDate;
 		}
 
-		return [data_group, month_change];
+		return [dataGroup, monthChange];
 	}
 
 	render_month_labels() {
 		// this.first_month_label = 1;
-		// if (this.first_week_start.getDate() > 8) {
+		// if (this.firstWeekStart.getDate() > 8) {
 		// 	this.first_month_label = 0;
 		// }
 		// this.last_month_label = 1;
 
 		// let first_month = this.months.shift();
-		// let first_month_start = this.month_start_points.shift();
+		// let first_month_start = this.monthStartPoints.shift();
 		// render first month if
 
 		// let last_month = this.months.pop();
-		// let last_month_start = this.month_start_points.pop();
+		// let last_month_start = this.monthStartPoints.pop();
 		// render last month if
 
 		this.months.shift();
-		this.month_start_points.shift();
+		this.monthStartPoints.shift();
 		this.months.pop();
-		this.month_start_points.pop();
+		this.monthStartPoints.pop();
 
-		this.month_start_points.map((start, i) => {
-			let month_name =  this.month_names[this.months[i]].substring(0, 3);
+		this.monthStartPoints.map((start, i) => {
+			let month_name =  this.monthNames[this.months[i]].substring(0, 3);
 			let text = makeText('y-value-text', start+12, 10, month_name);
 			this.domainLabelGroup.appendChild(text);
 		});
@@ -2548,19 +2566,19 @@ class Heatmap extends BaseChart {
 		).map(el => {
 			el.addEventListener('mouseenter', (e) => {
 				let count = e.target.getAttribute('data-value');
-				let date_parts = e.target.getAttribute('data-date').split('-');
+				let dateParts = e.target.getAttribute('data-date').split('-');
 
-				let month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);
+				let month = this.monthNames[parseInt(dateParts[1])-1].substring(0, 3);
 
-				let g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();
+				let gOff = this.chartWrapper.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();
 
 				let width = parseInt(e.target.getAttribute('width'));
-				let x = p_off.left - g_off.left + (width+2)/2;
-				let y = p_off.top - g_off.top - (width+2)/2;
-				let value = count + ' ' + this.count_label;
-				let name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];
+				let x = pOff.left - gOff.left + (width+2)/2;
+				let y = pOff.top - gOff.top - (width+2)/2;
+				let value = count + ' ' + this.countLabel;
+				let name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];
 
-				this.tip.setValues(x, y, name, value, [], 1);
+				this.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);
 				this.tip.showTip();
 			});
 		});
@@ -2714,7 +2732,7 @@ class AxisChart extends BaseChart {
 
 		this.config.xAxisMode = args.axisOptions.xAxisMode || 'span';
 		this.config.yAxisMode = args.axisOptions.yAxisMode || 'span';
-		this.config.xIsSeries = args.axisOptions.xIsSeries || 1;
+		this.config.xIsSeries = args.axisOptions.xIsSeries || 0;
 
 		this.config.formatTooltipX = args.tooltipOptions.formatTooltipX;
 		this.config.formatTooltipY = args.tooltipOptions.formatTooltipY;
@@ -2810,7 +2828,7 @@ class AxisChart extends BaseChart {
 			return;
 		}
 		s.yExtremes = new Array(s.datasetLength).fill(9999);
-		s.datasets.map((d, i) => {
+		s.datasets.map(d => {
 			d.yPositions.map((pos, j) => {
 				if(pos < s.yExtremes[j]) {
 					s.yExtremes[j] = pos;
@@ -2824,9 +2842,9 @@ class AxisChart extends BaseChart {
 		if(this.data.yMarkers) {
 			this.state.yMarkers = this.data.yMarkers.map(d => {
 				d.position = scale(d.value, s.yAxis);
-				if(!d.label.includes(':')) {
-					d.label += ': ' + d.value;
-				}
+				// if(!d.label.includes(':')) {
+				// 	d.label += ': ' + d.value;
+				// }
 				return d;
 			});
 		}
@@ -2928,7 +2946,7 @@ class AxisChart extends BaseChart {
 					}
 
 					let labels = new Array(s.datasetLength).fill('');
-					if(this.valuesOverPoints) {
+					if(this.config.valuesOverPoints) {
 						if(stacked && d.index === s.datasets.length - 1) {
 							labels = d.cumulativeYs;
 						} else {
@@ -3037,12 +3055,15 @@ class AxisChart extends BaseChart {
 		let s = this.state;
 		if(!s.yExtremes) return;
 
+		let formatY = this.config.formatTooltipY;
+		let formatX = this.config.formatTooltipX;
+
 		let titles = s.xAxis.labels;
-		if(this.formatTooltipX && this.formatTooltipX(titles[0])) {
-			titles = titles.map(d=>this.formatTooltipX(d));
+		if(formatX && formatX(titles[0])) {
+			titles = titles.map(d=>formatX(d));
 		}
 
-		let formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);
+		formatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;
 
 		for(var i=s.datasetLength - 1; i >= 0 ; i--) {
 			let xVal = s.xAxis.positions[i];
@@ -3053,19 +3074,37 @@ class AxisChart extends BaseChart {
 
 				let values = this.data.datasets.map((set, j) => {
 					return {
-						title: set.title,
-						value: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],
+						title: set.name,
+						value: formatY ? formatY(set.values[i]) : set.values[i],
 						color: this.colors[j],
 					};
 				});
 
-				this.tip.setValues(x, y, titles[i], '', values);
+				this.tip.setValues(x, y, {name: titles[i], value: ''}, values, i);
 				this.tip.showTip();
 				break;
 			}
 		}
 	}
 
+	renderLegend() {
+		let s = this.data;
+		this.statsWrapper.textContent = '';
+
+		if(s.datasets.length > 1) {
+			s.datasets.map((d, i) => {
+				let stats = $.create('div', {
+					className: 'stats',
+					inside: this.statsWrapper
+				});
+				stats.innerHTML = `
+					
+					${d.name}
+				`;
+			});
+		}
+	}
+
 	makeOverlay() {
 		if(this.overlayGuides) {
 			this.overlayGuides.forEach(g => {
@@ -3079,7 +3118,7 @@ class AxisChart extends BaseChart {
 				type: c.unitType,
 				overlay: undefined,
 				units: c.units,
-			}
+			};
 		});
 
 		if(this.state.currentIndex === undefined) {
@@ -3105,19 +3144,26 @@ class AxisChart extends BaseChart {
 	}
 
 	bindOverlay() {
-		// on event, update overlay
-		this.parent.addEventListener('data-select', (e) => {
+		this.parent.addEventListener('data-select', () => {
 			this.updateOverlay();
 		});
 	}
 
-	bindUnits(units_array) {
-		// units_array.map(unit => {
-		// 	unit.addEventListener('click', () => {
-		// 		let index = unit.getAttribute('data-point-index');
-		// 		this.setCurrentDataPoint(index);
-		// 	});
-		// });
+	bindUnits() {
+		this.dataUnitComponents.map(c => {
+			c.units.map(unit => {
+				unit.addEventListener('click', () => {
+					let index = unit.getAttribute('data-point-index');
+					this.setCurrentDataPoint(index);
+				});
+			});
+		});
+
+		// Note: Doesn't work as tooltip is absolutely positioned
+		this.tip.container.addEventListener('click', () => {
+			let index = this.tip.container.getAttribute('data-point-index');
+			this.setCurrentDataPoint(index);
+		});
 	}
 
 	updateOverlay() {
@@ -3136,16 +3182,12 @@ class AxisChart extends BaseChart {
 	}
 
 	getDataPoint(index=this.state.currentIndex) {
-		// check for length
+		let s = this.state;
 		let data_point = {
-			index: index
+			index: index,
+			label: s.xAxis.labels[index],
+			values: s.datasets.map(d => d.values[index])
 		};
-		// let y = this.y[0];
-		// ['svg_units', 'yUnitPositions', 'values'].map(key => {
-		// 	let data_key = key.slice(0, key.length-1);
-		// 	data_point[data_key] = y[key][index];
-		// });
-		// data_point.label = this.xAxis.labels[index];
 		return data_point;
 	}
 
@@ -3186,7 +3228,14 @@ class AxisChart extends BaseChart {
 	// addDataset(dataset, index) {}
 	// removeDataset(index = 0) {}
 
-	// updateDatasets(datasets) {}
+	updateDatasets(datasets) {
+		this.data.datasets.map((d, i) => {
+			if(datasets[i]) {
+				d.values = datasets[i];
+			}
+		});
+		this.update(this.data);
+	}
 
 	// updateDataPoint(dataPoint, index = 0) {}
 	// addDataPoint(dataPoint, index = 0) {}
diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js
index 449c4c7..c8a1605 100644
--- a/dist/frappe-charts.min.cjs.js
+++ b/dist/frappe-charts.min.cjs.js
@@ -1 +1 @@
-"use strict";function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                      \n\t\t\t\t
                                                                                                                      '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=a,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=r,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                      '+this.subtitle+'
                                                                                                                      \n\t\t\t\t
                                                                                                                      \n\t\t\t\t
                                                                                                                      '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:e.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(i,a){var n=$.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*i/t.grandTotal+"%"}});e.slices.push(n)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(i){var a=i.target;if(a.classList.contains("progress-bar")){var n=a.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(a),o=s.left-r.left+a.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,c,h+"%"),t.tip.showTip()}})}}]),e}(AggregationChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var a=makePath(e,"pie-path","none",t.colors[i]);return a.style.transition="transform .3s;",a})},animateElements:function(t){return this.store.map(function(e,i){return animatePathStr(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.initTimeout=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,a=this.clockWise,n=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&n[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle:u,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,l,c+"%"),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=n}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,a=this.curActiveSliceIndex,n=this.curActiveSlice;if(i.includes(e)){var r=i.indexOf(e);this.hoverSlice(n,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),Heatmap=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discrete_domains=i.discrete_domains||1,a.count_label=i.count_label||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legend_colors||[]).slice(0,5);return a.legend_colors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.count_label,u=" on "+n+" "+a[0]+", "+a[2];t.tip.setValues(l,c,u,h,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(o,l,a[r],"",c),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};module.exports=Chart;
+"use strict";function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e+""}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a+"",4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if((n+="")||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=createSVG("circle",{style:"fill: "+a,"data-point-index":r,cx:t,cy:e,r:i});if((n+="")||n.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var o=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(s),l.appendChild(o),l}return s}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                        \n\t\t\t\t
                                                                                                                        '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=n,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=50,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=7,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r"),n=t.getAttribute("fill");return i.setAttribute("r",parseInt(a)+DOT_OVERLAY_SIZE_INCR),i.setAttribute("fill",n),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                        '+this.subtitle+'
                                                                                                                        \n\t\t\t\t
                                                                                                                        \n\t\t\t\t
                                                                                                                        '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.statsWrapper.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=e.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(i,a){var n=$.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*i/t.grandTotal+"%"}});e.slices.push(n)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(i){var a=i.target;if(a.classList.contains("progress-bar")){var n=a.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(a),o=s.left-r.left+a.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,{name:c,value:h+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var a=makePath(e,"pie-path","none",t.colors[i]);return a.style.transition="transform .3s;",a})},animateElements:function(t){return this.store.map(function(e,i){return animatePathStr(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.initTimeout=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,a=this.clockWise,n=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&n[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle:u,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,{name:l,value:c+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=n}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,a=this.curActiveSliceIndex,n=this.curActiveSlice;if(i.includes(e)){var r=i.indexOf(e);this.hoverSlice(n,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),Heatmap=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discreteDomains=0===i.discreteDomains?0:1,a.countLabel=i.countLabel||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legendColors||[]).slice(0,5);return a.legendColors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=10,this.translateY=10}},{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&addDays(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&addDays(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=getWeeksBetween(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)"),this.container.querySelector(".title").style.display="None",this.container.querySelector(".sub-title").style.display="None",this.container.querySelector(".graph-stats-container").style.display="None",this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0,this.monthStartPoints.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(a=1,this.discreteDomains&&(n=1),this.monthStartPoints.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.monthNames[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.monthNames[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.countLabel,u=" on "+n+" "+a[0]+", "+a[2];t.tip.setValues(l,c,{name:u,value:h,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;s--){var o=i.xAxis.positions[s];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.name,value:a?a(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(l,c,{name:r[s],value:""},h,s),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var t=this,e=this.data;this.statsWrapper.textContent="",e.datasets.length>1&&e.datasets.map(function(e,i){$.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e.name+"\n\t\t\t\t"})}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};module.exports=Chart;
diff --git a/dist/frappe-charts.min.css b/dist/frappe-charts.min.css
index 7cdafaa..305710c 100644
--- a/dist/frappe-charts.min.css
+++ b/dist/frappe-charts.min.css
@@ -1 +1 @@
-.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}
\ No newline at end of file
+.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.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}
\ No newline at end of file
diff --git a/dist/frappe-charts.min.esm.js b/dist/frappe-charts.min.esm.js
index 0aabdf5..d49bf2a 100644
--- a/dist/frappe-charts.min.esm.js
+++ b/dist/frappe-charts.min.esm.js
@@ -1 +1 @@
-function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a,4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if(n||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=createSVG("circle",{style:"fill: "+a,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(n||n.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var s=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),o=createSVG("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(r),o.appendChild(s),o}return r}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                          \n\t\t\t\t
                                                                                                                          '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=a,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=r,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=40,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=8,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r");return i.setAttribute("r",a+DOT_OVERLAY_SIZE_INCR),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                          '+this.subtitle+'
                                                                                                                          \n\t\t\t\t
                                                                                                                          \n\t\t\t\t
                                                                                                                          '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:e.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(i,a){var n=$.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*i/t.grandTotal+"%"}});e.slices.push(n)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(i){var a=i.target;if(a.classList.contains("progress-bar")){var n=a.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(a),o=s.left-r.left+a.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,c,h+"%"),t.tip.showTip()}})}}]),e}(AggregationChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var a=makePath(e,"pie-path","none",t.colors[i]);return a.style.transition="transform .3s;",a})},animateElements:function(t){return this.store.map(function(e,i){return animatePathStr(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.initTimeout=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,a=this.clockWise,n=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&n[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle:u,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,l,c+"%"),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=n}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,a=this.curActiveSliceIndex,n=this.curActiveSlice;if(i.includes(e)){var r=i.indexOf(e);this.hoverSlice(n,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),Heatmap=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discrete_domains=i.discrete_domains||1,a.count_label=i.count_label||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legend_colors||[]).slice(0,5);return a.legend_colors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&addDays(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&addDays(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=getWeeksBetween(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(a=1,this.discrete_domains&&(n=1),this.month_start_points.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.month_names[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.count_label,u=" on "+n+" "+a[0]+", "+a[2];t.tip.setValues(l,c,u,h,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;r--){var s=i.xAxis.positions[r];if(t>s-i.unitWidth/2){var o=s+this.leftMargin,l=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.title,value:n?e.formatTooltipY(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(o,l,a[r],"",c),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};export default Chart;
+function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e+""}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a+"",4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if((n+="")||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=createSVG("circle",{style:"fill: "+a,"data-point-index":r,cx:t,cy:e,r:i});if((n+="")||n.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var o=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(s),l.appendChild(o),l}return s}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                            \n\t\t\t\t
                                                                                                                            '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=n,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=50,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=7,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r"),n=t.getAttribute("fill");return i.setAttribute("r",parseInt(a)+DOT_OVERLAY_SIZE_INCR),i.setAttribute("fill",n),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                            '+this.subtitle+'
                                                                                                                            \n\t\t\t\t
                                                                                                                            \n\t\t\t\t
                                                                                                                            '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.statsWrapper.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=e.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(i,a){var n=$.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*i/t.grandTotal+"%"}});e.slices.push(n)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(i){var a=i.target;if(a.classList.contains("progress-bar")){var n=a.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(a),o=s.left-r.left+a.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,{name:c,value:h+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var a=makePath(e,"pie-path","none",t.colors[i]);return a.style.transition="transform .3s;",a})},animateElements:function(t){return this.store.map(function(e,i){return animatePathStr(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.initTimeout=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,a=this.clockWise,n=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&n[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle:u,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,{name:l,value:c+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=n}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,a=this.curActiveSliceIndex,n=this.curActiveSlice;if(i.includes(e)){var r=i.indexOf(e);this.hoverSlice(n,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),Heatmap=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discreteDomains=0===i.discreteDomains?0:1,a.countLabel=i.countLabel||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legendColors||[]).slice(0,5);return a.legendColors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=10,this.translateY=10}},{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&addDays(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&addDays(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=getWeeksBetween(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)"),this.container.querySelector(".title").style.display="None",this.container.querySelector(".sub-title").style.display="None",this.container.querySelector(".graph-stats-container").style.display="None",this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0,this.monthStartPoints.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(a=1,this.discreteDomains&&(n=1),this.monthStartPoints.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.monthNames[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.monthNames[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.countLabel,u=" on "+n+" "+a[0]+", "+a[2];t.tip.setValues(l,c,{name:u,value:h,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;s--){var o=i.xAxis.positions[s];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.name,value:a?a(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(l,c,{name:r[s],value:""},h,s),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var t=this,e=this.data;this.statsWrapper.textContent="",e.datasets.length>1&&e.datasets.map(function(e,i){$.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e.name+"\n\t\t\t\t"})}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};export default Chart;
diff --git a/dist/frappe-charts.min.iife.js b/dist/frappe-charts.min.iife.js
index 031c6f7..1bd7d07 100644
--- a/dist/frappe-charts.min.iife.js
+++ b/dist/frappe-charts.min.iife.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*Lt)*e,y:Math.cos(t*Lt)*e}}function h(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Ct,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Dt)}function d(t,e,i){return u(t,[0,i],[0,e],Dt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Dt,Ct],u(t,[0,n],[0,i],Dt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=xt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Ot,Ct],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Dt)]:[[t,{width:n,height:o,x:e,y:l},Ot,Ct]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Dt)]:[[t,{cx:e,cy:i},Ot,Ct]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Pt,Ct];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Pt,Ct];a.push(h)}return a}function m(t,e){return[t,{d:e},Ot,Ct]}function b(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function x(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)b(a).appendChild(i);else if("around"===n){var s=b(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ft(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 k(t,e){return x("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function w(t,e,i,n){return x("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function _(t,e,i,n){return x("svg",{className:e,inside:t,width:i,height:n})}function A(t){return x("defs",{inside:t})}function T(t,e){return x("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function L(t){return x("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function P(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=k(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),w(a,"0%",e,s[0]),w(a,"50%",e,s[1]),w(a,"100%",e,s[2]),n}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),x("rect",r)}function M(t,e,i,n){return x("text",{className:t,x:e,y:i,dy:St/2+"px","font-size":St+"px",innerHTML:n})}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Wt);var s=x("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=x("text",{x:0,y:i>n?i+Et:i-Et-St,dy:St+"px","font-size":St+"px","text-anchor":"middle",innerHTML:e}),o=x("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Wt),a.lineType||(a.lineType="");var s=x("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=x("text",{x:i3&&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=Wt),n.className||(n.className="");var a=-1*Nt,s="span"===n.mode?i+Nt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Nt,s=i),a+=n.offset,s+=n.offset,N(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function S(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Wt),n.className||(n.className="");var a=i+Nt,s="span"===n.mode?-1*Nt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Nt,s=0),C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=x("text",{className:"chart-label",x:i-o(e,5)-Et,y:0,dy:St/-2+"px","font-size":St+"px","text-anchor":"start",innerHTML:e+""}),s=N(t,"",0,i,{stroke:n.stroke||Wt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function z(t,e,i,n){var a=t-e,s=x("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Wt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=x("text",{className:"chart-label",x:i-o(n,4.5)-Et,y:0,dy:St/-2+"px","font-size":St+"px","text-anchor":"start",innerHTML:n+""}),l=x("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=h(e,o.zeroLine),c=xt(l,2),u=c[0],p=c[1],d=x("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if(a||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=x("text",{className:"data-point-value",x:i/2,y:0,dy:St/2*-1+"px","font-size":St+"px","text-anchor":"middle",innerHTML:a}),v=x("g",{transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function F(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=x("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=x("text",{className:"data-point-value",x:0,y:0,dy:St/2*-1-i+"px","font-size":St+"px","text-anchor":"middle",innerHTML:a}),o=x("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=L("M"+s,"line-graph-path",i);if(n.heatline){var o=P(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=P(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=L(c,"region-fill","none","url(#"+h+")")}return l}function H(t){return t>255?255:t<0?0:t}function R(t,e){var i=Ht(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=H((a>>16)+e),r=H((a>>8&255)+e),o=H((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function I(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function G(t,e,i,n){if(t!==e){Rt.includes(t)||console.error("'"+t+"' is not a valid chart type."),It[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Gt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new te(i,n)}}function V(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],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 B(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function X(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=V.apply(void 0,kt(t)),l=xt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function q(t,e,i){if(0!==i.length){var n=X(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Mt)}}function U(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Ut(a)}function J(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function K(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function $(t,e){return Math.ceil(Q(t,e)/7)}function Q(t,e){return(J(e)-J(t))/864e5}function Z(t,e){t.setDate(t.getDate()+e)}function tt(t){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 et(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 it(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=tt(t),n=xt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=et(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function nt(t){function e(t,e){for(var i=it(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,kt(t)),a=Math.min.apply(Math,kt(t)),s=[];if(n>=0&&a>=0)tt(n)[1],s=i?it(n,a):it(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(tt(n)[1],s=e(n,r)):(tt(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);tt(o)[1],s=(s=i?it(o,l):it(o)).reverse().map(function(t){return-1*t})}return s}function at(t){var e=st(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 st(t){return t[1]-t[0]}function rt(t){return t[t.length-1]-t[0]}function ot(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function lt(t,e){for(var i=Math.max.apply(Math,kt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(At.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Tt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Qt(e,i)):"bar"===t?(i.type="bar",new Qt(e,i)):"axis-mixed"===t?(i.type="line",new Qt(e,i)):Zt[t]?new Zt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ft="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},vt=(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")}),gt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                              \n\t\t\t\t
                                                                                                                              '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=n,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=s,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),_t=700,At=["line","bar"],Tt=8,Lt=Math.PI/180,Ot=350,Pt=350,Dt=Ot,Mt=250,Ct="easein",Nt=6,Et=4,St=10,Wt="#dadada",zt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},jt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Ft={"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"},Yt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Ht=function(t){return Ft[t]||t},Rt=["line","scatter","bar","percentage","heatmap","pie"],It={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:[]},Gt={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"},Bt=function(){function e(t,i){if(vt(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=_t,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return gt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                              '+this.subtitle+'
                                                                                                                              \n\t\t\t\t
                                                                                                                              \n\t\t\t\t
                                                                                                                              '}),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 wt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(q(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=_(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=A(this.svg),this.drawArea=T(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return G(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Xt=function(e){function i(t,e){return vt(this,i),bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return mt(i,e),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(Bt),qt=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return mt(n,i),gt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=t.create("div",{className:"progress-bar","data-index":a,inside:e.percentageBar,styles:{background:e.colors[a],width:100*n/e.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,h,c,u+"%"),t.tip.showTip()}})}}]),n}(Xt),Ut=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;vt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return gt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=T(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=L(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return m(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=c(n,e),r=xt(s,2);n=r[0],e=r[1];var o=c(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return S(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=c(n,e),r=xt(s,2);n=r[0],e=r[1];var o=c(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return W(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return z(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return j(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),p=xt(u,2);r=p[0],i=p[1];var d=c(o,n),f=xt(d,2);o=f[0],n=f[1];var g=c(l,a),y=xt(g,2);l=y[0],a=y[1];var m=c(h,s),b=xt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=Y(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return F(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=c(a,e),l=xt(o,2);a=l[0],e=l[1];var h=c(s,i),u=xt(h,2);s=u[0],i=u[1];var p=c(r,n),d=xt(p,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){vt(this,i);var n=bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.setup(),n}return mt(i,t),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var h=s,c=r/e.grandTotal*360,u=n?-c:c,p=s+=u,d=l(h,i),f=l(p,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=O(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grandTotal,startAngle:h,endAngle:p,angle:u})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=U.apply(void 0,kt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){B(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=R(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,h,c+"%"),this.tip.showTip()}else B(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(Xt),$t=function(t){function e(t,i){vt(this,e);var n=bt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discrete_domains=i.discrete_domains||1,n.count_label=i.count_label||"";var a=new Date;n.start=i.start||Z(a,365);var s=(i.legend_colors||[]).slice(0,5);return n.legend_colors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return mt(e,t),gt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){I(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&Z(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&Z(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=$(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=T(this.drawArea,"domain-label-group chart-label"),this.dataGroups=T(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=lt(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,u,c,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Bt),Qt=function(t){function i(t,e){vt(this,i);var n=bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return mt(i,t),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return ct(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ut(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=nt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/rt(e),n=st(e)*i,a=this.height-at(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return ot(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(o,l,n[s],"",h),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=zt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];jt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;yt(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;yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Bt),Zt={percentage:qt,heatmap:$t,pie:Kt},te=function t(e,i){return vt(this,t),dt(i.type,e,i)};return te}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*Pt)*e,y:Math.cos(t*Pt)*e}}function c(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function 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 u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,_t,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Ot)}function d(t,e,i){return u(t,[0,i],[0,e],Ot)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Ot,_t],u(t,[0,n],[0,i],Ot)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=c(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=xt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Mt,_t],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Ot)]:[[t,{width:n,height:o,x:e,y:l},Mt,_t]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Ot)]:[[t,{cx:e,cy:i},Mt,_t]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Dt,_t];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,c=[t.region,{d:"M"+o+s+l},Dt,_t];a.push(c)}return a}function m(t,e){return[t,{d:e},Mt,_t]}function b(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function x(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)b(a).appendChild(i);else if("around"===n){var s=b(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ft(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 k(t,e){return x("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function w(t,e,i,n){return x("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function A(t,e,i,n){return x("svg",{className:e,inside:t,width:i,height:n})}function T(t){return x("defs",{inside:t})}function L(t,e){return x("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function P(t){return x("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 M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=k(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),w(a,"0%",e,s[0]),w(a,"50%",e,s[1]),w(a,"100%",e,s[2]),n}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),x("rect",r)}function C(t,e,i,n){return x("text",{className:t,x:e,y:i,dy:Wt/2+"px","font-size":Wt+"px",innerHTML:n})}function _(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=x("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=x("text",{x:0,y:i>n?i+St:i-St-Wt,dy:Wt+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:e+""}),o=x("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=x("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=x("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=-1*Nt,s="span"===n.mode?i+Nt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Nt,s=i),a+=n.offset,s+=n.offset,N(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=i+Nt,s="span"===n.mode?-1*Nt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Nt,s=0),_(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=x("text",{className:"chart-label",x:i-o(e,5)-St,y:0,dy:Wt/-2+"px","font-size":Wt+"px","text-anchor":"start",innerHTML:e+""}),s=N(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function j(t,e,i,n){var a=t-e,s=x("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=x("text",{className:"chart-label",x:i-o(n+"",4.5)-St,y:0,dy:Wt/-2+"px","font-size":Wt+"px","text-anchor":"start",innerHTML:n+""}),l=x("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=c(e,o.zeroLine),h=xt(l,2),u=h[0],p=h[1],d=x("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=x("text",{className:"data-point-value",x:i/2,y:0,dy:Wt/2*-1+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:a}),v=x("g",{"data-point-index":s,transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function F(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=x("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=x("text",{className:"data-point-value",x:0,y:0,dy:Wt/2*-1-i+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:a}),l=x("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function H(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=P("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var c=D(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=P(h,"region-fill","none","url(#"+c+")")}return l}function Y(t){return t>255?255:t<0?0:t}function R(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=Y((a>>16)+e),r=Y((a>>8&255)+e),o=Y((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function I(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function G(t,e,i,n){if(t!==e){Rt.includes(t)||console.error("'"+t+"' is not a valid chart type."),It[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Gt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new te(i,n)}}function V(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:Vt[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(p.type=a);for(var d in p)c.setAttribute(d,p[d]);r.appendChild(c),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function q(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function B(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=V.apply(void 0,kt(t)),l=xt(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 U(t,e,i){if(0!==i.length){var n=B(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Ct)}}function X(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Xt(a)}function J(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function K(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function $(t,e){return Math.ceil(Q(t,e)/7)}function Q(t,e){return(J(e)-J(t))/864e5}function Z(t,e){t.setDate(t.getDate()+e)}function tt(t){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 et(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 it(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=tt(t),n=xt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=et(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function nt(t){function e(t,e){for(var i=it(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,kt(t)),a=Math.min.apply(Math,kt(t)),s=[];if(n>=0&&a>=0)tt(n)[1],s=i?it(n,a):it(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(tt(n)[1],s=e(n,r)):(tt(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);tt(o)[1],s=(s=i?it(o,l):it(o)).reverse().map(function(t){return-1*t})}return s}function at(t){var e=st(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 st(t){return t[1]-t[0]}function rt(t){return t[t.length-1]-t[0]}function ot(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function lt(t,e){for(var i=Math.max.apply(Math,kt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(Tt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Lt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Qt(e,i)):"bar"===t?(i.type="bar",new Qt(e,i)):"axis-mixed"===t?(i.type="line",new Qt(e,i)):Zt[t]?new Zt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ft="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},vt=(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")}),gt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                                \n\t\t\t\t
                                                                                                                                '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),At=700,Tt=["line","bar"],Lt=7,Pt=Math.PI/180,Mt=350,Dt=350,Ot=Mt,Ct=250,_t="easein",Nt=6,St=4,Wt=10,Et="#dadada",jt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},zt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Ft={"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"},Ht=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return Ft[t]||t},Rt=["line","scatter","bar","percentage","heatmap","pie"],It={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:[]},Gt={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"},qt=function(){function e(t,i){if(vt(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=At,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return gt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                                '+this.subtitle+'
                                                                                                                                \n\t\t\t\t
                                                                                                                                \n\t\t\t\t
                                                                                                                                '}),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 wt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(U(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=A(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=T(this.svg),this.drawArea=L(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return G(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Bt=function(e){function i(t,e){return vt(this,i),bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return mt(i,e),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.statsWrapper.textContent="",this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(qt),Ut=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return mt(n,i),gt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=t.create("div",{className:"progress-bar","data-index":a,inside:e.percentageBar,styles:{background:e.colors[a],width:100*n/e.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,c=o.top-r.top-6,h=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,c,{name:h,value:u+"%"}),t.tip.showTip()}})}}]),n}(Bt),Xt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;vt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return gt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=L(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=P(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return m(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return S(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=xt(s,2);n=r[0],e=r[1];var o=h(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return W(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=h(n,e),r=xt(s,2);n=r[0],e=r[1];var o=h(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return E(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return j(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return z(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,u=h(r,i),p=xt(u,2);r=p[0],i=p[1];var d=h(o,n),f=xt(d,2);o=f[0],n=f[1];var g=h(l,a),y=xt(g,2);l=y[0],a=y[1];var m=h(c,s),b=xt(m,2);c=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=H(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return F(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=xt(o,2);a=l[0],e=l[1];var c=h(s,i),u=xt(c,2);s=u[0],i=u[1];var p=h(r,n),d=xt(p,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){vt(this,i);var n=bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.setup(),n}return mt(i,t),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var c=s,h=r/e.grandTotal*360,u=n?-h:h,p=s+=u,d=l(c,i),f=l(p,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=M(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grandTotal,startAngle:c,endAngle:p,angle:u})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=X.apply(void 0,kt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){q(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=R(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,c=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",h=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:c,value:h+"%"}),this.tip.showTip()}else q(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(Bt),$t=function(t){function e(t,i){vt(this,e);var n=bt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discreteDomains=0===i.discreteDomains?0:1,n.countLabel=i.countLabel||"";var a=new Date;n.start=i.start||Z(a,365);var s=(i.legendColors||[]).slice(0,5);return n.legendColors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return mt(e,t),gt(e,[{key:"setMargins",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=10,this.translateY=10}},{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){I(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&Z(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&Z(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=$(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=L(this.drawArea,"domain-label-group chart-label"),this.dataGroups=L(this.drawArea,"data-groups","translate(0, 20)"),this.container.querySelector(".title").style.display="None",this.container.querySelector(".sub-title").style.display="None",this.container.querySelector(".graph-stats-container").style.display="None",this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=lt(e,this.distribution_size),this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0,this.monthStartPoints.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(n=1,this.discreteDomains&&(a=1),this.monthStartPoints.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var n=C("y-value-text",e+12,10,t.monthNames[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.monthNames[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,c=r.top-s.top-(o+2)/2,h=i+" "+t.countLabel,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,c,{name:u,value:h,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(qt),Qt=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.barOptions=e.barOptions||{},i.lineOptions=e.lineOptions||{},i.type=e.type||"line",i.setup(),i}return mt(n,i),gt(n,[{key:"configure",value:function(t){yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return ht(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ut(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=nt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/rt(e),n=st(e)*i,a=this.height-at(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return ot(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[r]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,c,{name:s[r],value:""},h,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var e=this,i=this.data;this.statsWrapper.textContent="",i.datasets.length>1&&i.datasets.map(function(i,n){t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i.name+"\n\t\t\t\t"})}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=jt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];zt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"addDataPoint",this).call(this,t,e,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,n){t.values.splice(i,0,e[n])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),n}(qt),Zt={percentage:Ut,heatmap:$t,pie:Kt},te=function t(e,i){return vt(this,t),dt(i.type,e,i)};return te}();
 //# sourceMappingURL=frappe-charts.min.iife.js.map
diff --git a/dist/frappe-charts.min.iife.js.map b/dist/frappe-charts.min.iife.js.map
index e08614f..457918b 100644
--- a/dist/frappe-charts.min.iife.js.map
+++ b/dist/frappe-charts.min.iife.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/animate.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/config.js","../src/js/utils/animation.js","../src/js/objects/ChartComponents.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                                                                  \n\t\t\t\t
                                                                                                                                  `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {\n\t\tthis.titleName = titleName;\n\t\tthis.titleValue = titleValue;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = titleValueFirst;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                                                                  ${this.title}
                                                                                                                                  \n\t\t\t\t
                                                                                                                                  ${this.subtitle}
                                                                                                                                  \n\t\t\t\t
                                                                                                                                  \n\t\t\t\t
                                                                                                                                  `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.chartWrapper), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t}\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t}\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.chartWrapper.addEventListener('mousemove', this.mouseMove);\n\t\tthis.chartWrapper.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","refresh","INIT_CHART_UPDATE_TIMEOUT","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","initTimeout","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","textContent","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"frappe-charts.min.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/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","// 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\nexport function getMonthName(i) {\n\tlet monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t];\n\treturn monthNames[i];\n}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                                                                    \n\t\t\t\t
                                                                                                                                    `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 50;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                                                                    ${this.title}
                                                                                                                                    \n\t\t\t\t
                                                                                                                                    ${this.subtitle}
                                                                                                                                    \n\t\t\t\t
                                                                                                                                    \n\t\t\t\t
                                                                                                                                    `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.renderLegend();\n\t\t}\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.statsWrapper.textContent = '';\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet xValues = s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${xValues[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.chartWrapper), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.chartWrapper.addEventListener('mousemove', this.mouseMove);\n\t\tthis.chartWrapper.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legendColors = (options.legendColors || []).slice(0, 5);\n\t\tthis.legendColors = this.validate_colors(legendColors)\n\t\t\t? legendColors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = 10;\n\t\tthis.translateY = 10;\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.firstWeekStart = new Date(this.start.toDateString());\n\t\tthis.lastWeekStart = new Date(this.today.toDateString());\n\t\tif(this.firstWeekStart.getDay() !== 7) {\n\t\t\taddDays(this.firstWeekStart, (-1) * this.firstWeekStart.getDay());\n\t\t}\n\t\tif(this.lastWeekStart.getDay() !== 7) {\n\t\t\taddDays(this.lastWeekStart, (-1) * this.lastWeekStart.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\n\t\tthis.container.querySelector('.title').style.display = 'None';\n\t\tthis.container.querySelector('.sub-title').style.display = 'None';\n\t\tthis.container.querySelector('.graph-stats-container').style.display = 'None';\n\t\tthis.chartWrapper.style.marginTop = '0px';\n\t\tthis.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet dataValues = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(dataValues, this.distribution_size);\n\n\t\tthis.monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet currentWeekSunday = new Date(this.firstWeekStart);\n\t\tthis.weekCol = 0;\n\t\tthis.currentMonth = currentWeekSunday.getMonth();\n\n\t\tthis.months = [this.currentMonth + ''];\n\t\tthis.monthWeeks = {}, this.monthStartPoints = [];\n\t\tthis.monthWeeks[this.currentMonth] = 0;\n\t\tthis.monthStartPoints.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet dataGroup, monthChange = 0;\n\t\t\tlet day = new Date(currentWeekSunday);\n\n\t\t\t[dataGroup, monthChange] = this.get_week_squares_group(day, this.weekCol);\n\t\t\tthis.dataGroups.appendChild(dataGroup);\n\t\t\tthis.weekCol += 1 + parseInt(this.discreteDomains && monthChange);\n\t\t\tthis.monthWeeks[this.currentMonth]++;\n\t\t\tif(monthChange) {\n\t\t\t\tthis.currentMonth = (this.currentMonth + 1) % 12;\n\t\t\t\tthis.months.push(this.currentMonth + '');\n\t\t\t\tthis.monthWeeks[this.currentMonth] = 1;\n\t\t\t}\n\t\t\taddDays(currentWeekSunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(currentDate, index) {\n\t\tconst noOfWeekdays = 7;\n\t\tconst squareSide = 10;\n\t\tconst cellPadding = 2;\n\t\tconst step = 1;\n\t\tconst todayTime = this.today.getTime();\n\n\t\tlet monthChange = 0;\n\t\tlet weekColChange = 0;\n\n\t\tlet dataGroup = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < noOfWeekdays; i += step, y += (squareSide + cellPadding)) {\n\t\t\tlet dataValue = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet currentTimestamp = currentDate.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(currentTimestamp - (currentTimestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdataValue = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdataValue = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(dataValue) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(dataValue, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + weekColChange) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(currentDate),\n\t\t\t\t'data-value': dataValue,\n\t\t\t\t'data-day': currentDate.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, squareSide,\n\t\t\t\tthis.legendColors[colorIndex], dataAttr);\n\n\t\t\tdataGroup.appendChild(heatSquare);\n\n\t\t\tlet nextDate = new Date(currentDate);\n\t\t\taddDays(nextDate, 1);\n\t\t\tif(nextDate.getTime() > todayTime) break;\n\n\n\t\t\tif(nextDate.getMonth() - currentDate.getMonth()) {\n\t\t\t\tmonthChange = 1;\n\t\t\t\tif(this.discreteDomains) {\n\t\t\t\t\tweekColChange = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.monthStartPoints.push(13 + (index + weekColChange) * 12);\n\t\t\t}\n\t\t\tcurrentDate = nextDate;\n\t\t}\n\n\t\treturn [dataGroup, monthChange];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.firstWeekStart.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.monthStartPoints.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.monthStartPoints.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.monthStartPoints.shift();\n\t\tthis.months.pop();\n\t\tthis.monthStartPoints.pop();\n\n\t\tthis.monthStartPoints.map((start, i) => {\n\t\t\tlet month_name =  this.monthNames[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.monthNames[parseInt(dateParts[1])-1].substring(0, 3);\n\n\t\t\t\tlet gOff = this.chartWrapper.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { $, getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tthis.statsWrapper.textContent = '';\n\n\t\tif(s.datasets.length > 1) {\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${d.name}\n\t\t\t\t`;\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","INIT_CHART_UPDATE_TIMEOUT","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","initTimeout","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","textContent","legendTotals","xValues","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discreteDomains","countLabel","today","legendColors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","firstWeekStart","toDateString","lastWeekStart","getDay","no_of_cols","domainLabelGroup","dataGroups","display","dataValues","monthNames","renderAllWeeksAndStoreXValues","no_of_weeks","currentWeekSunday","weekCol","currentMonth","months","monthWeeks","monthStartPoints","dataGroup","monthChange","day","get_week_squares_group","render_month_labels","currentDate","todayTime","getTime","weekColChange","squareSide","dataValue","colorIndex","currentTimestamp","timestamp","round","dataAttr","heatSquare","nextDate","shift","pop","substring","prototype","call","querySelectorAll","dateParts","month","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","_this6","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/frappe-charts.min.js b/docs/assets/js/frappe-charts.min.js
index 7004b72..ce77013 100644
--- a/docs/assets/js/frappe-charts.min.js
+++ b/docs/assets/js/frappe-charts.min.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*Lt)*e,y:Math.cos(t*Lt)*e}}function h(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,Ct,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Dt)}function d(t,e,i){return u(t,[0,i],[0,e],Dt)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Dt,Ct],u(t,[0,n],[0,i],Dt)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=xt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Ot,Ct],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Dt)]:[[t,{width:n,height:o,x:e,y:l},Ot,Ct]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Dt)]:[[t,{cx:e,cy:i},Ot,Ct]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Pt,Ct];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Pt,Ct];a.push(h)}return a}function m(t,e){return[t,{d:e},Ot,Ct]}function b(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function x(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)b(a).appendChild(i);else if("around"===n){var s=b(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ft(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 k(t,e){return x("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function w(t,e,i,n){return x("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function _(t,e,i,n){return x("svg",{className:e,inside:t,width:i,height:n})}function A(t){return x("defs",{inside:t})}function T(t,e){return x("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function L(t){return x("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function P(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=k(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),w(a,"0%",e,s[0]),w(a,"50%",e,s[1]),w(a,"100%",e,s[2]),n}function D(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),x("rect",r)}function M(t,e,i,n){return x("text",{className:t,x:e,y:i,dy:St/2+"px","font-size":St+"px",innerHTML:n})}function C(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Wt);var s=x("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=x("text",{x:0,y:i>n?i+Et:i-Et-St,dy:St+"px","font-size":St+"px","text-anchor":"middle",innerHTML:e}),o=x("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Wt),a.lineType||(a.lineType="");var s=x("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=x("text",{x:i3&&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=Wt),n.className||(n.className="");var a=-1*Nt,s="span"===n.mode?i+Nt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Nt,s=i),a+=n.offset,s+=n.offset,N(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function S(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Wt),n.className||(n.className="");var a=i+Nt,s="span"===n.mode?-1*Nt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Nt,s=0),C(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=x("text",{className:"chart-label",x:i-o(e,5)-Et,y:0,dy:St/-2+"px","font-size":St+"px","text-anchor":"start",innerHTML:e+""}),s=N(t,"",0,i,{stroke:n.stroke||Wt,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function z(t,e,i,n){var a=t-e,s=x("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Wt,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=x("text",{className:"chart-label",x:i-o(n,4.5)-Et,y:0,dy:St/-2+"px","font-size":St+"px","text-anchor":"start",innerHTML:n+""}),l=x("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function j(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=h(e,o.zeroLine),c=xt(l,2),u=c[0],p=c[1],d=x("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if(a||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=x("text",{className:"data-point-value",x:i/2,y:0,dy:St/2*-1+"px","font-size":St+"px","text-anchor":"middle",innerHTML:a}),v=x("g",{transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function F(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=x("circle",{style:"fill: "+n,"data-point-index":arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,cx:t,cy:e,r:i});if(a||a.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var r=x("text",{className:"data-point-value",x:0,y:0,dy:St/2*-1-i+"px","font-size":St+"px","text-anchor":"middle",innerHTML:a}),o=x("g",{transform:"translate("+t+", "+e+")"});return o.appendChild(s),o.appendChild(r),o}return s}function Y(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=L("M"+s,"line-graph-path",i);if(n.heatline){var o=P(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=P(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=L(c,"region-fill","none","url(#"+h+")")}return l}function H(t){return t>255?255:t<0?0:t}function R(t,e){var i=Ht(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=H((a>>16)+e),r=H((a>>8&255)+e),o=H((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function I(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function G(t,e,i,n){if(t!==e){Rt.includes(t)||console.error("'"+t+"' is not a valid chart type."),It[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Gt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new te(i,n)}}function V(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],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 B(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function X(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=V.apply(void 0,kt(t)),l=xt(o,2);s=l[0],r=l[1],i.push(r),n.push([s,a]),a.replaceChild(s,e)});var a=t.cloneNode(!0);return n.map(function(t,n){t[1].replaceChild(i[n],t[0]),e[n][0]=i[n]}),a}function q(t,e,i){if(0!==i.length){var n=X(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Mt)}}function U(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Ut(a)}function J(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function K(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function $(t,e){return Math.ceil(Q(t,e)/7)}function Q(t,e){return(J(e)-J(t))/864e5}function Z(t,e){t.setDate(t.getDate()+e)}function tt(t){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 et(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 it(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=tt(t),n=xt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=et(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function nt(t){function e(t,e){for(var i=it(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,kt(t)),a=Math.min.apply(Math,kt(t)),s=[];if(n>=0&&a>=0)tt(n)[1],s=i?it(n,a):it(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(tt(n)[1],s=e(n,r)):(tt(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);tt(o)[1],s=(s=i?it(o,l):it(o)).reverse().map(function(t){return-1*t})}return s}function at(t){var e=st(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 st(t){return t[1]-t[0]}function rt(t){return t[t.length-1]-t[0]}function ot(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function lt(t,e){for(var i=Math.max.apply(Math,kt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(At.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Tt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Qt(e,i)):"bar"===t?(i.type="bar",new Qt(e,i)):"axis-mixed"===t?(i.type="line",new Qt(e,i)):Zt[t]?new Zt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ft="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},vt=(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")}),gt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                                      \n\t\t\t\t
                                                                                                                                      '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;this.titleName=i,this.titleValue=n,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=s,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),_t=700,At=["line","bar"],Tt=8,Lt=Math.PI/180,Ot=350,Pt=350,Dt=Ot,Mt=250,Ct="easein",Nt=6,Et=4,St=10,Wt="#dadada",zt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r");return i.setAttribute("r",n+4),i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i}},jt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Ft={"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"},Yt=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Ht=function(t){return Ft[t]||t},Rt=["line","scatter","bar","percentage","heatmap","pie"],It={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:[]},Gt={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"},Bt=function(){function e(t,i){if(vt(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=_t,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return gt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                                      '+this.subtitle+'
                                                                                                                                      \n\t\t\t\t
                                                                                                                                      \n\t\t\t\t
                                                                                                                                      '}),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 wt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(q(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=_(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=A(this.svg),this.drawArea=T(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return G(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Xt=function(e){function i(t,e){return vt(this,i),bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return mt(i,e),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels:i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(Bt),qt=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return mt(n,i),gt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=t.create("div",{className:"progress-bar","data-index":a,inside:e.percentageBar,styles:{background:e.colors[a],width:100*n/e.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,h,c,u+"%"),t.tip.showTip()}})}}]),n}(Xt),Ut=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;vt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return gt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=T(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=L(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return m(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return E(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=c(n,e),r=xt(s,2);n=r[0],e=r[1];var o=c(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return S(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=c(n,e),r=xt(s,2);n=r[0],e=r[1];var o=c(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return W(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return z(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return j(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),p=xt(u,2);r=p[0],i=p[1];var d=c(o,n),f=xt(d,2);o=f[0],n=f[1];var g=c(l,a),y=xt(g,2);l=y[0],a=y[1];var m=c(h,s),b=xt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=Y(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return F(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=c(a,e),l=xt(o,2);a=l[0],e=l[1];var h=c(s,i),u=xt(h,2);s=u[0],i=u[1];var p=c(r,n),d=xt(p,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){vt(this,i);var n=bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.setup(),n}return mt(i,t),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var h=s,c=r/e.grandTotal*360,u=n?-c:c,p=s+=u,d=l(h,i),f=l(p,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=O(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grandTotal,startAngle:h,endAngle:p,angle:u})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=U.apply(void 0,kt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){B(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=R(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,h,c+"%"),this.tip.showTip()}else B(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(Xt),$t=function(t){function e(t,i){vt(this,e);var n=bt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discrete_domains=i.discrete_domains||1,n.count_label=i.count_label||"";var a=new Date;n.start=i.start||Z(a,365);var s=(i.legend_colors||[]).slice(0,5);return n.legend_colors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return mt(e,t),gt(e,[{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){I(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.first_week_start=new Date(this.start.toDateString()),this.last_week_start=new Date(this.today.toDateString()),7!==this.first_week_start.getDay()&&Z(this.first_week_start,-1*this.first_week_start.getDay()),7!==this.last_week_start.getDay()&&Z(this.last_week_start,-1*this.last_week_start.getDay()),this.no_of_cols=$(this.first_week_start+"",this.last_week_start+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discrete_domains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=T(this.drawArea,"domain-label-group chart-label"),this.dataGroups=T(this.drawArea,"data-groups","translate(0, 20)")}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=lt(e,this.distribution_size),this.month_names=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.first_week_start);this.week_col=0,this.current_month=e.getMonth(),this.months=[this.current_month+""],this.month_weeks={},this.month_start_points=[],this.month_weeks[this.current_month]=0,this.month_start_points.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(n=1,this.discrete_domains&&(a=1),this.month_start_points.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.month_start_points.shift(),this.months.pop(),this.month_start_points.pop(),this.month_start_points.map(function(e,i){var n=M("y-value-text",e+12,10,t.month_names[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.month_names[parseInt(n[1])-1].substring(0,3),s=t.chartWrapper.getBoundingClientRect(),r=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=r.left-s.left+(o+2)/2,h=r.top-s.top-(o+2)/2,c=i+" "+t.count_label,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,u,c,[],1),t.tip.showTip()})})}},{key:"update",value:function(t){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(Bt),Qt=function(t){function i(t,e){vt(this,i);var n=bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.barOptions=e.barOptions||{},n.lineOptions=e.lineOptions||{},n.type=e.type||"line",n.setup(),n}return mt(i,t),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||1,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return ct(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ut(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=nt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/rt(e),n=st(e)*i,a=this.height-at(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return ot(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e,i){e.yPositions.map(function(e,i){e=0;s--){var r=i.xAxis.positions[s];if(t>r-i.unitWidth/2){var o=r+this.leftMargin,l=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.title,value:a?e.formatTooltipY(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(o,l,n[s],"",h),this.tip.showTip();break}}}}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=zt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(e){t.updateOverlay()})}},{key:"bindUnits",value:function(t){}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];jt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){return{index:arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;yt(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;yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}}]),i}(Bt),Zt={percentage:qt,heatmap:$t,pie:Kt},te=function t(e,i){return vt(this,t),dt(i.type,e,i)};return te}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*Pt)*e,y:Math.cos(t*Pt)*e}}function c(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function 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 u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,_t,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Ot)}function d(t,e,i){return u(t,[0,i],[0,e],Ot)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Ot,_t],u(t,[0,n],[0,i],Ot)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=c(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=xt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Mt,_t],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Ot)]:[[t,{width:n,height:o,x:e,y:l},Mt,_t]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Ot)]:[[t,{cx:e,cy:i},Mt,_t]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Dt,_t];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,c=[t.region,{d:"M"+o+s+l},Dt,_t];a.push(c)}return a}function m(t,e){return[t,{d:e},Mt,_t]}function b(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function x(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)b(a).appendChild(i);else if("around"===n){var s=b(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ft(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 k(t,e){return x("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function w(t,e,i,n){return x("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function A(t,e,i,n){return x("svg",{className:e,inside:t,width:i,height:n})}function T(t){return x("defs",{inside:t})}function L(t,e){return x("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function P(t){return x("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 M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=k(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),w(a,"0%",e,s[0]),w(a,"50%",e,s[1]),w(a,"100%",e,s[2]),n}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),x("rect",r)}function C(t,e,i,n){return x("text",{className:t,x:e,y:i,dy:Wt/2+"px","font-size":Wt+"px",innerHTML:n})}function _(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=x("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=x("text",{x:0,y:i>n?i+St:i-St-Wt,dy:Wt+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:e+""}),o=x("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=x("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=x("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=-1*Nt,s="span"===n.mode?i+Nt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Nt,s=i),a+=n.offset,s+=n.offset,N(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=i+Nt,s="span"===n.mode?-1*Nt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Nt,s=0),_(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=x("text",{className:"chart-label",x:i-o(e,5)-St,y:0,dy:Wt/-2+"px","font-size":Wt+"px","text-anchor":"start",innerHTML:e+""}),s=N(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function j(t,e,i,n){var a=t-e,s=x("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=x("text",{className:"chart-label",x:i-o(n+"",4.5)-St,y:0,dy:Wt/-2+"px","font-size":Wt+"px","text-anchor":"start",innerHTML:n+""}),l=x("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=c(e,o.zeroLine),h=xt(l,2),u=h[0],p=h[1],d=x("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=x("text",{className:"data-point-value",x:i/2,y:0,dy:Wt/2*-1+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:a}),v=x("g",{"data-point-index":s,transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function F(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=x("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=x("text",{className:"data-point-value",x:0,y:0,dy:Wt/2*-1-i+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:a}),l=x("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function H(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=P("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var c=D(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=P(h,"region-fill","none","url(#"+c+")")}return l}function Y(t){return t>255?255:t<0?0:t}function R(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=Y((a>>16)+e),r=Y((a>>8&255)+e),o=Y((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function I(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function G(t,e,i,n){if(t!==e){Rt.includes(t)||console.error("'"+t+"' is not a valid chart type."),It[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Gt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new te(i,n)}}function V(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:Vt[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(p.type=a);for(var d in p)c.setAttribute(d,p[d]);r.appendChild(c),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function q(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function B(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=V.apply(void 0,kt(t)),l=xt(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 U(t,e,i){if(0!==i.length){var n=B(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Ct)}}function X(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Xt(a)}function J(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function K(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function $(t,e){return Math.ceil(Q(t,e)/7)}function Q(t,e){return(J(e)-J(t))/864e5}function Z(t,e){t.setDate(t.getDate()+e)}function tt(t){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 et(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 it(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=tt(t),n=xt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=et(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function nt(t){function e(t,e){for(var i=it(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,kt(t)),a=Math.min.apply(Math,kt(t)),s=[];if(n>=0&&a>=0)tt(n)[1],s=i?it(n,a):it(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(tt(n)[1],s=e(n,r)):(tt(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);tt(o)[1],s=(s=i?it(o,l):it(o)).reverse().map(function(t){return-1*t})}return s}function at(t){var e=st(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 st(t){return t[1]-t[0]}function rt(t){return t[t.length-1]-t[0]}function ot(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function lt(t,e){for(var i=Math.max.apply(Math,kt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(Tt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Lt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Qt(e,i)):"bar"===t?(i.type="bar",new Qt(e,i)):"axis-mixed"===t?(i.type="line",new Qt(e,i)):Zt[t]?new Zt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ft="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},vt=(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")}),gt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                                        \n\t\t\t\t
                                                                                                                                        '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),At=700,Tt=["line","bar"],Lt=7,Pt=Math.PI/180,Mt=350,Dt=350,Ot=Mt,Ct=250,_t="easein",Nt=6,St=4,Wt=10,Et="#dadada",jt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},zt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Ft={"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"},Ht=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return Ft[t]||t},Rt=["line","scatter","bar","percentage","heatmap","pie"],It={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:[]},Gt={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"},qt=function(){function e(t,i){if(vt(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=At,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return gt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                                        '+this.subtitle+'
                                                                                                                                        \n\t\t\t\t
                                                                                                                                        \n\t\t\t\t
                                                                                                                                        '}),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 wt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(U(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=A(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=T(this.svg),this.drawArea=L(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return G(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Bt=function(e){function i(t,e){return vt(this,i),bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return mt(i,e),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.statsWrapper.textContent="",this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(qt),Ut=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return mt(n,i),gt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=t.create("div",{className:"progress-bar","data-index":a,inside:e.percentageBar,styles:{background:e.colors[a],width:100*n/e.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,c=o.top-r.top-6,h=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,c,{name:h,value:u+"%"}),t.tip.showTip()}})}}]),n}(Bt),Xt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;vt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return gt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=L(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=P(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return m(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return S(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=xt(s,2);n=r[0],e=r[1];var o=h(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return W(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=h(n,e),r=xt(s,2);n=r[0],e=r[1];var o=h(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return E(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return j(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return z(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,u=h(r,i),p=xt(u,2);r=p[0],i=p[1];var d=h(o,n),f=xt(d,2);o=f[0],n=f[1];var g=h(l,a),y=xt(g,2);l=y[0],a=y[1];var m=h(c,s),b=xt(m,2);c=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=H(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return F(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=xt(o,2);a=l[0],e=l[1];var c=h(s,i),u=xt(c,2);s=u[0],i=u[1];var p=h(r,n),d=xt(p,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){vt(this,i);var n=bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.setup(),n}return mt(i,t),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var c=s,h=r/e.grandTotal*360,u=n?-h:h,p=s+=u,d=l(c,i),f=l(p,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=M(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grandTotal,startAngle:c,endAngle:p,angle:u})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=X.apply(void 0,kt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){q(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=R(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,c=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",h=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:c,value:h+"%"}),this.tip.showTip()}else q(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(Bt),$t=function(t){function e(t,i){vt(this,e);var n=bt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discreteDomains=0===i.discreteDomains?0:1,n.countLabel=i.countLabel||"";var a=new Date;n.start=i.start||Z(a,365);var s=(i.legendColors||[]).slice(0,5);return n.legendColors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return mt(e,t),gt(e,[{key:"setMargins",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=10,this.translateY=10}},{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){I(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&Z(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&Z(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=$(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=L(this.drawArea,"domain-label-group chart-label"),this.dataGroups=L(this.drawArea,"data-groups","translate(0, 20)"),this.container.querySelector(".title").style.display="None",this.container.querySelector(".sub-title").style.display="None",this.container.querySelector(".graph-stats-container").style.display="None",this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=lt(e,this.distribution_size),this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0,this.monthStartPoints.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(n=1,this.discreteDomains&&(a=1),this.monthStartPoints.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var n=C("y-value-text",e+12,10,t.monthNames[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.monthNames[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,c=r.top-s.top-(o+2)/2,h=i+" "+t.countLabel,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,c,{name:u,value:h,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(qt),Qt=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.barOptions=e.barOptions||{},i.lineOptions=e.lineOptions||{},i.type=e.type||"line",i.setup(),i}return mt(n,i),gt(n,[{key:"configure",value:function(t){yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return ht(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ut(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=nt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/rt(e),n=st(e)*i,a=this.height-at(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return ot(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[r]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,c,{name:s[r],value:""},h,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var e=this,i=this.data;this.statsWrapper.textContent="",i.datasets.length>1&&i.datasets.map(function(i,n){t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i.name+"\n\t\t\t\t"})}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=jt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];zt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"addDataPoint",this).call(this,t,e,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,n){t.values.splice(i,0,e[n])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),n}(qt),Zt={percentage:Ut,heatmap:$t,pie:Kt},te=function t(e,i){return vt(this,t),dt(i.type,e,i)};return te}();
 //# sourceMappingURL=frappe-charts.min.js.map
diff --git a/docs/assets/js/frappe-charts.min.js.map b/docs/assets/js/frappe-charts.min.js.map
index abc4912..b106764 100644
--- a/docs/assets/js/frappe-charts.min.js.map
+++ b/docs/assets/js/frappe-charts.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/objects/ChartComponents.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\toverlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\n// export function getMonthName() {}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                                                                          \n\t\t\t\t
                                                                                                                                          `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {\n\t\tthis.titleName = titleName;\n\t\tthis.titleValue = titleValue;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = titleValueFirst;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 8;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                                                                          ${this.title}
                                                                                                                                          \n\t\t\t\t
                                                                                                                                          ${this.subtitle}
                                                                                                                                          \n\t\t\t\t
                                                                                                                                          \n\t\t\t\t
                                                                                                                                          `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tthis.renderLegend();\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet x_values = this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t? this.formatted_labels : s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${x_values[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.chartWrapper), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makePath, makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t}\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t}\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, title, percent + \"%\");\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.chartWrapper.addEventListener('mousemove', this.mouseMove);\n\t\tthis.chartWrapper.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discrete_domains = options.discrete_domains || 1;\n\t\tthis.count_label = options.count_label || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legend_colors = (options.legend_colors || []).slice(0, 5);\n\t\tthis.legend_colors = this.validate_colors(legend_colors)\n\t\t\t? legend_colors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.first_week_start = new Date(this.start.toDateString());\n\t\tthis.last_week_start = new Date(this.today.toDateString());\n\t\tif(this.first_week_start.getDay() !== 7) {\n\t\t\taddDays(this.first_week_start, (-1) * this.first_week_start.getDay());\n\t\t}\n\t\tif(this.last_week_start.getDay() !== 7) {\n\t\t\taddDays(this.last_week_start, (-1) * this.last_week_start.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discrete_domains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\t\t// Array.prototype.slice.call(\n\t\t// \tthis.container.querySelectorAll('.graph-stats-container, .sub-title, .title')\n\t\t// ).map(d => {\n\t\t// \td.style.display = 'None';\n\t\t// });\n\t\t// this.chartWrapper.style.marginTop = '0px';\n\t\t// this.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet data_values = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(data_values, this.distribution_size);\n\n\t\tthis.month_names = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet current_week_sunday = new Date(this.first_week_start);\n\t\tthis.week_col = 0;\n\t\tthis.current_month = current_week_sunday.getMonth();\n\n\t\tthis.months = [this.current_month + ''];\n\t\tthis.month_weeks = {}, this.month_start_points = [];\n\t\tthis.month_weeks[this.current_month] = 0;\n\t\tthis.month_start_points.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet data_group, month_change = 0;\n\t\t\tlet day = new Date(current_week_sunday);\n\n\t\t\t[data_group, month_change] = this.get_week_squares_group(day, this.week_col);\n\t\t\tthis.dataGroups.appendChild(data_group);\n\t\t\tthis.week_col += 1 + parseInt(this.discrete_domains && month_change);\n\t\t\tthis.month_weeks[this.current_month]++;\n\t\t\tif(month_change) {\n\t\t\t\tthis.current_month = (this.current_month + 1) % 12;\n\t\t\t\tthis.months.push(this.current_month + '');\n\t\t\t\tthis.month_weeks[this.current_month] = 1;\n\t\t\t}\n\t\t\taddDays(current_week_sunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(current_date, index) {\n\t\tconst no_of_weekdays = 7;\n\t\tconst square_side = 10;\n\t\tconst cell_padding = 2;\n\t\tconst step = 1;\n\t\tconst today_time = this.today.getTime();\n\n\t\tlet month_change = 0;\n\t\tlet week_col_change = 0;\n\n\t\tlet data_group = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {\n\t\t\tlet data_value = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet current_timestamp = current_date.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdata_value = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdata_value = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(data_value) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(data_value, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + week_col_change) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(current_date),\n\t\t\t\t'data-value': data_value,\n\t\t\t\t'data-day': current_date.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, square_side,\n\t\t\t\tthis.legend_colors[colorIndex], dataAttr);\n\n\t\t\tdata_group.appendChild(heatSquare);\n\n\t\t\tlet next_date = new Date(current_date);\n\t\t\taddDays(next_date, 1);\n\t\t\tif(next_date.getTime() > today_time) break;\n\n\n\t\t\tif(next_date.getMonth() - current_date.getMonth()) {\n\t\t\t\tmonth_change = 1;\n\t\t\t\tif(this.discrete_domains) {\n\t\t\t\t\tweek_col_change = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.month_start_points.push(13 + (index + week_col_change) * 12);\n\t\t\t}\n\t\t\tcurrent_date = next_date;\n\t\t}\n\n\t\treturn [data_group, month_change];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.first_week_start.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.month_start_points.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.month_start_points.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.month_start_points.shift();\n\t\tthis.months.pop();\n\t\tthis.month_start_points.pop();\n\n\t\tthis.month_start_points.map((start, i) => {\n\t\t\tlet month_name =  this.month_names[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet date_parts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);\n\n\t\t\t\tlet g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = p_off.left - g_off.left + (width+2)/2;\n\t\t\t\tlet y = p_off.top - g_off.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.count_label;\n\t\t\t\tlet name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, name, value, [], 1);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 1;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t}\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map((d, i) => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\tif(!d.label.includes(':')) {\n\t\t\t\t\td.label += ': ' + d.value;\n\t\t\t\t}\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(this.formatTooltipX && this.formatTooltipX(titles[0])) {\n\t\t\ttitles = titles.map(d=>this.formatTooltipX(d));\n\t\t}\n\n\t\tlet formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.title,\n\t\t\t\t\t\tvalue: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, titles[i], '', values);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t}\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t})\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\t// on event, update overlay\n\t\tthis.parent.addEventListener('data-select', (e) => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits(units_array) {\n\t\t// units_array.map(unit => {\n\t\t// \tunit.addEventListener('click', () => {\n\t\t// \t\tlet index = unit.getAttribute('data-point-index');\n\t\t// \t\tthis.setCurrentDataPoint(index);\n\t\t// \t});\n\t\t// });\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t})\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\t// check for length\n\t\tlet data_point = {\n\t\t\tindex: index\n\t\t};\n\t\t// let y = this.y[0];\n\t\t// ['svg_units', 'yUnitPositions', 'values'].map(key => {\n\t\t// \tlet data_key = key.slice(0, key.length-1);\n\t\t// \tdata_point[data_key] = y[key][index];\n\t\t// });\n\t\t// data_point.label = this.xAxis.labels[index];\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\t// updateDatasets(datasets) {}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalize","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","refresh","INIT_CHART_UPDATE_TIMEOUT","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","initTimeout","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","legendTotals","x_values","formatted_labels","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","textContent","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discrete_domains","count_label","today","legend_colors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","first_week_start","toDateString","last_week_start","getDay","no_of_cols","domainLabelGroup","dataGroups","data_values","month_names","renderAllWeeksAndStoreXValues","no_of_weeks","current_week_sunday","week_col","current_month","months","month_weeks","month_start_points","data_group","month_change","day","get_week_squares_group","render_month_labels","current_date","today_time","getTime","week_col_change","square_side","data_value","colorIndex","current_timestamp","timestamp","round","dataAttr","heatSquare","next_date","shift","pop","substring","prototype","call","querySelectorAll","date_parts","month","p_off","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","dataValues","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","titles","formatY","xVal","overlayGuides","currentIndex","currentUnit","_this6","units_array","_this8","setCurrentDataPoint","getDataPoint","datasetValues","splice"],"mappings":"iCAAO,SAASA,GAAEC,EAAMC,SACA,gBAATD,IAAoBC,GAAOC,UAAUC,cAAcH,GAAQA,GAAQ,KA4ClF,QAAgBI,GAAUC,MACrBC,GAAOD,EAAQE,mCAKbD,EAAKE,KAAON,SAASO,gBAAgBC,WAAaR,SAASS,KAAKD,gBAC/DJ,EAAKM,MAAQV,SAASO,gBAAgBI,YAAcX,SAASS,KAAKE,aAI1E,QAAgBC,GAAoBC,MAE/BT,GAAOS,EAAGR,8BAGbD,GAAKE,KAAO,GACNF,EAAKM,MAAQ,GACbN,EAAKU,SAAWC,OAAOC,aAAehB,SAASO,gBAAgBU,iBAC1DC,QAAUH,OAAOI,YAAcnB,SAASO,gBAAgBa,aAIrE,QAAgBC,GAAuBlB,MAClCmB,GAASP,OAAOQ,iBAAiBpB,GACjCqB,EAAUC,WAAWH,EAAOI,aAC/BD,WAAWH,EAAOK,oBAEZxB,GAAQiB,YAAcI,EA2B9B,QAAgBI,GAAKC,EAAQC,EAAMC,MAC9BC,GAAMhC,SAASiC,YAAY,gBAE3BC,UAAUJ,GAAM,GAAM,OAErB,GAAIK,KAAKJ,KACTI,GAAKJ,EAAWI,SAGdN,GAAOO,cAAcJ,GCvGtB,QAASK,GAASC,SACjBb,YAAWa,EAAEC,QAAQ,IAyC7B,QAAgBC,GAAUC,EAAOC,EAAOvC,MAASwC,0DAC5CxC,OACOwC,EAAQF,EAAM,GAAKA,EAAMA,EAAMG,OAAS,OAE/CC,GAAc,GAAIC,OAAMC,KAAKC,IAAIN,IAAQO,KAAK9C,YAC1CwC,EAAQE,EAAYK,OAAOT,GAASA,EAAMS,OAAOL,GAS1D,QAAgBM,GAAeC,EAAQC,UAC9BD,EAAO,IAAIR,OAASS,EAgB7B,QAAgBC,GAAmBC,EAAOC,YAEtCT,KAAKU,IAAIF,EAAQG,IAAeF,IAChCT,KAAKY,IAAIJ,EAAQG,IAAeF,WChFpBI,GAAqBC,EAAMC,MACtCC,UAAQC,eACRH,IAAQC,KACFA,EAAWD,IAChBA,MAEKA,EAAOC,IACZA,IAGGC,EAAQC,GAGjB,QAAgBC,GAAqBC,EAAQC,MAC5CC,0DAAaD,EAAOvB,OAASsB,EAAOtB,aAGjCwB,GAAa,IACN5B,EAAU0B,EAAQE,KAElB5B,EAAU2B,EAAQC,IAEpBF,EAAQC,GCfjB,QAAgBE,GAAUC,EAAMC,EAAUC,EAAUC,MAC/CC,GAA0B,gBAAbH,GAAwBA,EAAWA,EAASI,KAAK,aAEjEL,GACCM,UAAWJ,EAASG,KAAK,OAC1BF,EACAI,GACA,aACCD,UAAWF,IAId,QAAgBI,GAAkBC,EAAOC,EAAMC,SACvCZ,GAAUU,GAAQE,EAAM,IAAKD,EAAM,GAAIE,IAG/C,QAAgBC,GAAkBC,EAAOC,EAAMC,SACvCjB,GAAUe,GAAQ,EAAGE,IAAQ,EAAGD,GAAOH,IAG/C,QAAgBK,GAAcC,EAAWC,EAAOC,EAAOC,MAClDC,GAAYH,EAAQC,EACpBtF,EAAOoF,EAAUK,WAAW,WAG/BzF,GACE2D,OAAQ6B,EAAWE,mBAHV1F,EAAK2F,aAAa,cAGyBH,GACtDV,GACAL,IAGeR,EAAUmB,GAAY,EAAGG,IAAS,EAAGD,GAAQR,KAI9D,QAAgBc,GAAWC,EAAKC,EAAGrC,EAAMsC,MAAOC,0DAAO,IACpCxC,EAAqBC,8DAAWC,oBAA7CC,OAAQC,iBACRoC,EACe,SAAjBH,EAAII,WACKJ,EAAIJ,WAAW,IAGxBM,MAAOA,EAAOpC,OAAQA,GACvBuC,GACAzB,IAIeR,EAAU4B,EADRA,EAAIF,aAAa,aAAaQ,MAAM,KAAK,GAAGC,MAAM,GAAI,IAC3BN,EAAGlC,GAAIkB,OAG3Ce,GAAME,MAAOA,EAAOpC,OAAQA,EAAQmC,EAAGA,EAAGlC,EAAGA,GAAIsC,GAAezB,KAK3E,QAAgB4B,GAAWC,EAAKR,EAAGlC,SACd,WAAjB0C,EAAIL,UAEUhC,EAAUqC,EADRA,EAAIX,aAAa,aAAaQ,MAAM,KAAK,GAAGC,MAAM,GAAI,IAC3BN,EAAGlC,GAAIkB,OAG3CwB,GAAMC,GAAIT,EAAGU,GAAI5C,GAAIsC,GAAezB,KAK/C,QAAgBgC,GAAYC,EAAOC,EAAUC,EAAUlD,MAClDmD,MAGAC,EADYF,EAASG,IAAI,SAACnD,EAAGoD,SAAOL,GAASK,GAAK,IAAMpD,IACpCW,KAAK,KAEvB0C,GAAYP,EAAMQ,MAAOhF,EAAE,IAAI4E,GAAUK,GAAe1C,SAC/C2C,KAAKH,GAEjBP,EAAMW,OAAQ,IACZC,GAAgBX,EAAS,OAAMjD,MAC/B6D,MAAeZ,EAASP,OAAO,GAAG,QAAO1C,EAEvC8D,GACLd,EAAMW,QACLnF,EAAE,IAAMoF,EAAaR,EAAUS,GAChCJ,GACA1C,MAEc2C,KAAKI,SAGdX,GAGR,QAAgBY,GAAeC,EAASZ,UAC/BY,GAAUxF,EAAG4E,GAAUZ,GAAezB,IC7F/C,QAEShF,GAAEC,EAAMC,SACO,gBAATD,IAAoBC,GAAOC,UAAUC,cAAcH,GAAQA,GAAQ,KAGlF,QAAgBiI,GAAUC,EAAKC,MAC1B9H,GAAUH,SAASkI,gBAAgB,6BAA8BF,OAEhE,GAAIZ,KAAKa,GAAG,IACZE,GAAMF,EAAEb,MAEF,WAANA,IACDe,GAAKC,YAAYjI,OAEf,IAAU,WAANiH,EAAgB,IACpBiB,GAAMxI,EAAEsI,KACRG,WAAWC,aAAapI,EAASkI,KAC7BD,YAAYC,OAEJ,WAANjB,EACQ,qBAARe,iBAAAA,YACFK,KAAKL,GAAKhB,IAAI,cACZsB,MAAMC,GAAQP,EAAIO,MAInB,cAANtB,MAAyB,SACnB,cAANA,IACF,YAAyBe,IAEjBQ,aAAavB,EAAGe,UAKpBhI,GAGR,QAASyI,GAAuBC,EAAYC,SACpCf,GAAU,yBACRc,KACJC,KACA,KACA,KACA,KACA,IAIN,QAASC,GAAgBC,EAAU5C,EAAQ6C,EAAOC,SAC1CnB,GAAU,eACNiB,uBACcC,SACd7C,iBACM8C,IAIlB,QAAgBC,GAAiBC,EAAQC,EAAWlD,EAAOpC,SACnDgE,GAAU,iBACLsB,SACHD,QACDjD,SACCpC,IAIV,QAAgBuF,GAAYC,SACpBxB,GAAU,eACRwB,IAIV,QAAgBC,GAAaJ,EAAQC,SAC7BtB,GAAU,eACLsB,SACHD,mEAHgD,KAgB1D,QAAgBK,GAASvC,SACjBa,GAAU,yEAD0B,KAGvCb,wEAHkD,mEAAa,UAWpE,QAAgBwC,GAAeC,EAAeC,EAAaC,EAAQrG,MAAQsG,0DAAU,EAC/EC,EAAyBF,EAAO3D,EAAIyD,EAAczD,EAAvC8D,EAA0CH,EAAO7F,EAAI2F,EAAc3F,EAC9EiG,EAAqBJ,EAAO3D,EAAI0D,EAAY1D,EAAnCgE,EAAsCL,EAAO7F,EAAI4F,EAAY5F,YAEhE6F,EAAO3D,MAAK2D,EAAO7F,YAC1B+F,MAAaC,aACZxG,MAAUA,WAAcsG,EAAY,EAAI,YAC1CG,MAAWC,OAGf,QAAgBC,GAAatB,EAAYI,MAAOmB,2DAC3CtB,EAAY,sBAA6BG,EAAQ,KAAMmB,EAAU,UAAY,WAC7EC,EAAczB,EAAuBC,EAAYC,GACjDwB,GAAa,EAAG,GAAK,UACtBF,QACW,GAAK,GAAK,MAGRC,EAAa,KAAMpB,EAAOqB,EAAU,MACpCD,EAAa,MAAOpB,EAAOqB,EAAU,MACrCD,EAAa,OAAQpB,EAAOqB,EAAU,IAE/CxB,EAGR,QAAgByB,GAAelB,EAAWnD,EAAGlC,EAAGwG,MAAMvH,0DAAK,OAAQwH,4DAC9DC,aACQrB,IACRnD,IACAlC,QACIwG,SACCA,OACFvH,iBAGAuF,KAAKiC,GAAMtD,IAAI,cAChBwD,GAAOF,EAAKE,KAGX5C,EAAU,OAAQ2C,GAG1B,QAAgBE,GAASvB,EAAWnD,EAAGlC,EAAG6G,SAClC9C,GAAU,kBACLsB,IACRnD,IACAlC,KACE8G,GAAY,EAAK,iBACTA,GAAY,eACdD,IAIb,QAASE,GAAa7E,EAAG8E,EAAOC,EAAIC,MAAIC,4DACnCA,GAAQC,SAAQD,EAAQC,OAASC,OACjCC,GAAIvD,EAAU,kBACN,iBAAmBoD,EAAQ9B,aAClC,KACA,KACA4B,KACAC,iBAEKC,EAAQC,UAIdG,EAAOxD,EAAU,UACjB,IACAkD,EAAKC,EAAKD,EAAKO,GAAeP,EAAKO,GAAeV,MACjDA,GAAY,iBACHA,GAAY,mBACV,mBACJE,IAGRS,EAAO1D,EAAU,4BACK7B,oBAGrBkC,YAAYkD,KACZlD,YAAYmD,GAEVE,EAGR,QAASC,GAAa1H,EAAGgH,EAAOW,EAAIC,MAAIT,4DACnCA,GAAQC,SAAQD,EAAQC,OAASC,IACjCF,EAAQU,WAAUV,EAAQU,SAAW,OAIrCP,GAAIvD,EAAU,kBAHF,mBAAqBoD,EAAQ9B,WACtB,WAArB8B,EAAQU,SAAwB,SAAU,OAIvCF,KACAC,KACA,KACA,iBAEKT,EAAQC,UAIdG,EAAOxD,EAAU,UACjB4D,EAAKC,EAAKD,EAAKH,GAAeG,EAAKH,KACnC,KACEV,GAAY,EAAI,EAAK,iBACbA,GAAY,mBACVa,EAAKC,EAAK,MAAQ,kBACtBZ,EAAM,KAGdS,EAAO1D,EAAU,+BACO/D,uBACT,UAGP,KAATuH,GAAuB,MAATA,MACX9C,MAAM2C,OAAS,2BAGhBhD,YAAYkD,KACZlD,YAAYmD,GAEVE,EAGR,QAAgBrG,GAAMpB,EAAGgH,EAAO7E,MAAOgF,4DAClCA,GAAQW,MAAKX,EAAQW,IAAM,QAC3BX,EAAQ/E,SAAQ+E,EAAQ/E,OAAS,GACjC+E,EAAQY,OAAMZ,EAAQY,KAAO,QAC7BZ,EAAQC,SAAQD,EAAQC,OAASC,IACjCF,EAAQ9B,YAAW8B,EAAQ9B,UAAY,OAEvCsC,IAAM,EAAIK,GACVJ,EAAsB,SAAjBT,EAAQY,KAAkB5F,EAAQ6F,GAAmB,QAE1C,SAAjBb,EAAQY,MAAmC,UAAhBZ,EAAQW,QAChC3F,EAAQ6F,KACR7F,MAKAgF,EAAQ/E,UACR+E,EAAQ/E,OAEPsF,EAAa1H,EAAGgH,EAAOW,EAAIC,UACzBT,EAAQC,iBACLD,EAAQ9B,mBACT8B,EAAQU,WAIpB,QAAgB9G,GAAMmB,EAAG8E,EAAOjH,MAAQoH,4DACnCA,GAAQW,MAAKX,EAAQW,IAAM,UAC3BX,EAAQ/E,SAAQ+E,EAAQ/E,OAAS,GACjC+E,EAAQY,OAAMZ,EAAQY,KAAO,QAC7BZ,EAAQC,SAAQD,EAAQC,OAASC,IACjCF,EAAQ9B,YAAW8B,EAAQ9B,UAAY,OAavC4B,GAAKlH,EAASiI,GACdd,EAAsB,SAAjBC,EAAQY,MAAmB,EAAIC,GAAmBjI,QAEvC,SAAjBoH,EAAQY,MAAmC,QAAhBZ,EAAQW,SAE/B,EAAIE,KACL,GAGCjB,EAAa7E,EAAG8E,EAAOC,EAAIC,UACzBC,EAAQC,iBACLD,EAAQ9B,mBACT8B,EAAQU,WAIpB,QAAgBI,GAAQjI,EAAGgH,EAAO7E,MAAOgF,6DACpCe,EAAWnE,EAAU,kBACb,gBACR5B,EAAQhD,EAAe6H,EAAO,GAAKQ,KACnC,KACEV,IAAa,EAAK,iBACVA,GAAY,mBACV,kBACJE,EAAM,KAGdS,EAAOC,EAAa1H,EAAG,GAAI,EAAGmC,UACzBgF,EAAQC,QAAUC,aACfF,EAAQ9B,WAAa,YACtB8B,EAAQU,oBAGdzD,YAAY8D,GAEVT,EAGR,QAAgBU,GAAQlB,EAAIC,EAAI/E,EAAO6E,MAElCjH,GAASkH,EAAKC,EAEd9K,EAAO2H,EAAU,6EAIXsD,sBACelF,OAAUpC,KAG/B,IACA,QACIoC,SACCpC,IAGLmI,EAAWnE,EAAU,kBACb,gBACR5B,EAAQhD,EAAe6H,EAAO,KAAOQ,KACrC,KACEV,IAAa,EAAK,iBACVA,GAAY,mBACV,kBACJE,EAAM,KAGdvD,EAASM,EAAU,+BACKmD,iBAGrB9C,YAAYhI,KACZgI,YAAY8D,GAEZzE,EAGR,QAAgB2E,GAAWlG,EAAGrC,EAAMsC,EAAO8C,MAAO+B,0DAAM,GAAIqB,yDAAM,EAAGjG,yDAAO,EAAGkG,8DAC5D1I,EAAqBC,EAAMyI,EAAKxI,oBAA7CC,OAAQC,OAGT5D,EAAO2H,EAAU,4CAEJkB,qBACIoD,IACjBnG,OANCE,QAQGD,SACCpC,GAAUuI,EAAKC,eAGpBvB,GAAUA,EAAMpI,OAEb,GACD+F,aAAa,IAAK,KAClBA,aAAa,IAAK,MACnB4C,GAAOxD,EAAU,kBACT,qBACR5B,EAAM,IACN,KACE2E,GAAY,GAAK,EAAK,iBACdA,GAAY,mBACV,mBACJE,IAGRwB,EAAQzE,EAAU,4BACG7B,OAAMlC,iBAEzBoE,YAAYhI,KACZgI,YAAYmD,GAEXiB,QApBApM,GAwBT,QAAgBqM,GAAWvG,EAAGlC,EAAGR,EAAQyF,MAAO+B,0DAAM,GACjDtE,EAAMqB,EAAU,yBACHkB,4EAF8C,KAI1D/C,KACAlC,IACDR,OAGAwH,GAAUA,EAAMpI,OAEb,GACF+F,aAAa,KAAM,KACnBA,aAAa,KAAM,MAEnB4C,GAAOxD,EAAU,kBACT,qBACR,IACA,KACE+C,GAAY,GAAK,EAAItH,EAAU,iBACvBsH,GAAY,mBACV,mBACJE,IAGRwB,EAAQzE,EAAU,4BACG7B,OAAMlC,iBAEzBoE,YAAY1B,KACZ0B,YAAYmD,GAEXiB,QArBA9F,GAyBT,QAAgBgG,GAASC,EAAOC,EAAO3D,MAAOkC,6DAAYmB,4DAErDO,EADaD,EAAMzF,IAAI,SAACnD,EAAGoD,SAAOuF,GAAMvF,GAAK,IAAMpD,IAC5BW,KAAK,KAC5B2C,EAAOmC,EAAS,IAAIoD,EAAW,kBAAmB5D,MAGnDkC,EAAQ2B,SAAU,IAChBC,GAAc5C,EAAamC,EAAKU,QAAS/D,KACxCR,MAAM2C,eAAiB2B,SAGzBjG,SACGQ,EAIP,IAAG6D,EAAQ8B,WAAY,IAClBC,GAAqB/C,EAAamC,EAAKU,QAAS/D,GAAO,GAGvD/B,EAAU,IAASyF,EAAM,OAAML,EAAKxI,aAAc+I,MAAgBF,EAAMnG,OAAO,GAAG,OAAM8F,EAAKxI,WAC3F2D,OAASgC,EAASvC,gBAAwB,eAAgBgG,aAG1DpG,GCnbR,QAASqG,GAAWC,SACfA,GAAI,IAAY,IACXA,EAAI,EAAU,EAChBA,EAGR,QAAgBC,GAAmBpE,EAAOqE,MACrCC,GAAMC,GAASvE,GACfwE,GAAW,CACD,MAAVF,EAAI,OACDA,EAAI/G,MAAM,MACL,MAERkH,GAAMC,SAASJ,EAAI,IACnBH,EAAID,GAAYO,GAAO,IAAMJ,GAC7BM,EAAIT,GAAaO,GAAO,EAAK,KAAUJ,GACvCO,EAAIV,GAAkB,IAANO,GAAkBJ,UAC9BG,EAAS,IAAI,KAAOI,EAAKD,GAAK,EAAMR,GAAK,IAAKU,SAAS,IAGhE,QAAgBC,GAAa3K,8CAEgB4K,KAAK5K,GCnBlD,QAAgB6K,GAAkBnM,EAAMoM,EAAc9E,EAAQsB,MAC1D5I,IAASoM,GAERC,GAAgBC,SAAStM,YACpBuM,UAAUvM,kCAGfwM,GAAkBJ,GAAcE,SAAStM,YACpCuM,UAAUH,uCAAiDpM,iBAI9DyM,GAAWC,GAAwBN,GAAcE,SAAStM,YAM3DA,KAAOA,IACP2M,OAASF,EAAW7D,EAAK+D,WAASC,GAEhC,GAAIC,IAAMvF,EAAQsB,IC/B1B,QAASkE,GAAkBzO,EAAS0O,EAAOC,MAAKC,0DAAW,SAAUjN,6DAAK4M,GAAWM,4DAEhFC,EAAc9O,EAAQ+O,WAAU,GAChCC,EAAahP,EAAQ+O,WAAU,OAE/B,GAAIE,KAAiBP,GAAO,IAC3BQ,YACiB,cAAlBD,EACepP,SAASkI,gBAAgB,6BAA8B,oBAEvDlI,SAASkI,gBAAgB,6BAA8B,cAErEoH,GAAeN,EAAUI,IAAkBjP,EAAQ4F,aAAaqJ,GAChEG,EAAQV,EAAMO,GAEdI,iBACYJ,OACTE,KACFC,QACG,SACFT,EAAI,IAAO,WACRQ,EAAe,IAAMC,aACjBE,GAAOV,YACT,eACA,cACJ,SAGJjN,OACF,KAAmBA,OAGf,GAAIsF,KAAKoI,KACE7G,aAAavB,EAAGoI,EAASpI,MAG7BgB,YAAYiH,GAErBvN,IACS6G,aAAayG,eAA4BG,SAEzC5G,aAAayG,EAAeG,UAIjCN,EAAaE,GAGtB,QAAgBvK,GAAUzE,EAASsI,KAC1BA,MAAM7D,UAAY6D,IAClBA,MAAMiH,gBAAkBjH,IACxBA,MAAMkH,YAAclH,IACpBA,MAAMmH,aAAenH,IACrBA,MAAMoH,WAAapH,EAG5B,QAASqH,GAAWvG,EAAcwG,MAC7BC,MACAC,OAEK9I,IAAI,eACR7C,GAAOnE,EAAQ,GACfiJ,EAAS9E,EAAKgE,WAEd2G,SAAaE,WAET,GAAK7K,QACesK,kBAAqBzO,8BAErCqH,KAAK2H,KACJ3H,MAAMyH,EAAa7F,MAEzB8G,aAAajB,EAAa3K,QAG9B6L,GAAU5G,EAAa2F,WAAU,YAExB/H,IAAI,SAAC8H,EAAa7H,KAClB,GAAG8I,aAAaF,EAAY5I,GAAI6H,EAAY,MAC/C7H,GAAG,GAAK4I,EAAY5I,KAGvB+I,EAGR,QAAgBC,GAAiBhH,EAAQiH,EAAYC,MACpB,IAA7BA,EAAkB1N,WAEjB2N,GAAiBT,EAAWO,EAAYC,EACzCD,GAAW/H,YAAcc,MACpBoH,YAAYH,KACZjI,YAAYmI,eAKT,WACPA,EAAejI,YAAcc,MACxBoH,YAAYD,KACZnI,YAAYiI,KAElBI,KCwPJ,QAAgBC,GAAaC,EAAMC,EAAWC,MACzCrI,GAAOsI,OAAOtI,KAAKuI,IAAkBC,OAAO,kBAAKL,GAAKvC,SAAS6C,KAC/DC,EAASH,GAAiBvI,EAAK,kBAC5B2I,OAAOD,aACFN,UACFC,IAEH,GAAIO,IAAeF,GC9W3B,QAASG,GAAWC,MACfC,GAAS,GAAIC,MAAKF,YACfG,WAAWF,EAAOG,aAAeH,EAAOI,qBACxCJ,EAGR,QAAgBK,GAAYC,MACvBC,GAAKD,EAAKE,UACVC,EAAKH,EAAKI,WAAa,UAEzBH,EAAG,EAAI,GAAK,KAAOA,GACnBE,EAAG,EAAI,GAAK,KAAOA,EACpBH,EAAKK,eACJvN,KAAK,KAGR,QAAgBwN,GAAgBC,EAAcC,SACtCtP,MAAKuP,KAAKC,EAAeH,EAAcC,GAAc,GAG7D,QAAgBE,GAAeH,EAAcC,UAEpChB,EAAWgB,GAAchB,EAAWe,IADnB,MAK1B,QAAgBI,GAAQX,EAAMY,KACxBC,QAAQb,EAAKE,UAAYU,qBCvBvB,IAAJvM,SACM,EAAG,MAETyM,MAAMzM,UACA0M,UAAW,iBAAkBC,SAAU,QAE5CC,GAAM5M,EAAI,EAAI,GAAK,MACnB6M,SAAS7M,UACJ0M,SAAgB,iBAANE,EAAwBD,SAAU,OAGjD9P,KAAKC,IAAIkD,MACT8M,GAAMjQ,KAAKkQ,MAAMlQ,KAAKmQ,MAAMhN,WAGxB4M,GAFE5M,EAAEnD,KAAKoQ,IAAI,GAAIH,IAENA,GAGpB,QAASI,IAAuBC,MAAKC,0DAAI,EACpCC,EAAaxQ,KAAKuP,KAAKe,GACvBG,EAAazQ,KAAKkQ,MAAMK,GACxBG,EAAQF,EAAaC,EAErBE,EAAYD,EACZE,EAAW,CAGZF,GAAQ,IACPA,EAAQ,GAAM,UAGKD,KAEVC,EAAM,IACP,GAITA,GAAS,MAEAA,KADC,IAKA,IAAVA,MACU,IACD,OAIR,GADAG,MACIxM,EAAI,EAAGA,GAAKsM,EAAWtM,MACpBI,KAAKgM,EAAaG,EAAWvM,SAEjCwM,GAGR,QAASC,IAAkBC,MAAUC,0DAAS,IACZC,GAAUF,aAAtCG,OAAgBpB,OACjBqB,EAAiBH,EAAWA,EAAShR,KAAKoQ,IAAI,GAAIN,GAAW,EAK7De,EAAYR,KAFCa,EAAe1R,QAAQ,GAEe2R,YAC3CN,EAAUzM,IAAI,kBAASoI,GAAQxM,KAAKoQ,IAAI,GAAIN,KAIzD,QAAgBsB,IAAmBC,WAYzBC,GAA0BP,EAAUQ,OAOxC,GANAV,GAAYC,GAAkBC,GAE9BS,EAAeX,EAAU,GAAKA,EAAU,GAGxCrE,EAAQ,EACJnI,EAAI,EAAGmI,EAAQ+E,EAAalN,OAC1BmN,IACCC,SAAU,EAAKjF,SAEnBqE,MAvBkCa,2DAMtCX,EAAW/Q,KAAKsQ,kBAAOe,IACvBL,EAAWhR,KAAKuQ,kBAAOc,IAGTR,QAkBfE,GAAY,GAAKC,GAAY,EACpBC,GAAUF,GAAU,KAC3BW,EAGSZ,GAAkBC,EAAUC,GAF5BF,GAAkBC,OAQ3B,IAAGA,EAAW,GAAKC,EAAW,EAAG,IAOjCO,GAAcvR,KAAKC,IAAI+Q,EAExBD,IAAYQ,GACHN,GAAUF,GAAU,KACnBO,EAA0BP,EAAUQ,KAGrCN,GAAUM,GAAa,KACfD,EAA0BC,EAAaR,GACjC3M,IAAI,mBAAW,EAAN7E,SAO/B,IAAGwR,GAAY,GAAKC,GAAY,EAAG,IAInCW,GAAiB3R,KAAKC,IAAI+Q,GAC1BY,EAAiB5R,KAAKC,IAAI8Q,EAEnBE,IAAUU,GAAgB,QACjCD,EAGSZ,GAAkBa,EAAgBC,GAFlCd,GAAkBa,IAKTE,UAAUzN,IAAI,mBAAW,EAAN7E,UAGnCsR,GAGR,QAAgBiB,IAAaC,MAExBC,GAAWC,GAAgBF,SAC5BA,GAAKG,QAAQ,IAAM,EAGTH,EAAKG,QAAQ,GAChBH,EAAK,GAAK,GAIL,EADJA,EAAK,GACUC,GAKX,EADJD,EAAKA,EAAKlS,OAAS,GACJmS,GAAYD,EAAKlS,OAAS,GAiBrD,QAAgBoS,IAAgBE,SACxBA,GAAa,GAAKA,EAAa,GAGvC,QAAgBC,IAAcD,SACtBA,GAAaA,EAAatS,OAAO,GAAKsS,EAAa,GAG3D,QAAgBE,IAAMjN,EAAKkN,SACnBhT,GAASgT,EAAMvR,SAAWqE,EAAMkN,EAAMC,iBAG9C,QAAgBC,IAAiBnB,EAAQoB,OASpC,GALAC,GAAe1S,KAAKsQ,kBAAOe,IAE3BsB,EAAmB,GAAKF,EAAmB,GAC3CG,KAEIvO,EAAI,EAAGA,EAAIoO,EAAkBpO,IAAK,IACrCwO,GAAaH,GAAgBC,EAAmBtO,KACvCI,KAAKoO,SAGZD,GAGR,QAAgBE,IAAiBtG,EAAOoG,SAChCA,GAAa3E,OAAO,kBAAK1O,GAAIiN,IAAO3M,OCzNrC,QAASkT,IAASrL,EAAM3I,KACzBiU,OAAStL,EAAKsL,cAEfC,GAAgBvL,EAAKsL,OAAOnT,OAG5BqT,EAAWxL,EAAKwL,SAChBC,EAAY,GAAIpT,OAAMkT,GAAe/S,KAAK,SAC1CgT,gBAGMC,OAID/O,IAAI,SAAC7E,EAAG8E,MAEZ9E,EAAE8R,OAEC,IAEF+B,GAAO7T,EAAE8R,YACN+B,EAAKhP,IAAI,kBAASwL,OAAMxK,GAAa,EAANA,KAG9BvF,OAASoT,EACTG,EAAK3P,MAAM,EAAGwP,GAEdxT,EAAU2T,EAAMH,EAAgBG,EAAKvT,OAAQ,UAVnDwR,OAAS8B,CAkBR5T,GAAE8T,YACDC,GAAyBjI,SAAStM,KACpCsU,UAAYtU,KASb2I,EAAK6L,YACFA,SAASnP,IAAI,eACd7E,EAAEiU,IAAMjU,EAAEK,MAAO,QACCL,EAAEiU,IAAKjU,EAAEK,SAA1BA,aAAS4T,YAKR9L,EAGR,QAAgB+L,IAAaC,MACxBT,GAAgBS,EAASV,OAAOnT,OAChCsT,EAAY,GAAIpT,OAAMkT,GAAe/S,KAAK,GAE1CyT,UACKD,EAASV,OAAOvP,MAAM,GAAI,YACxBiQ,EAASR,SAAS9O,IAAI,wBAExB,UACE+O,EAAU1P,MAAM,GAAI,aACjBlE,EAAE8T,oBAKbK,GAASE,aACFA,iBAEA,QACA,MAKPF,EAASH,aACFA,iBAEA,MACF,QACE,MAKHI,EAGR,QAAgBE,IAAmBC,MAAYd,6DAAWe,6DAErDC,EADeF,EAAad,EAAOnT,OACHoU,SAEnBjB,GAAO5O,IAAI,SAAC6D,EAAO5D,aAC1B,IACAxE,OAASmU,IAEbD,EAQA1P,EADYrE,KAAKuP,KAAKtH,EAAMpI,OAAOmU,IAClB,MACX,MARNA,EAAe,EAAI,EACb/L,EAAMxE,MAAM,EAAGuQ,EAAe,GAAK,OAEnC/L,EAAMxE,MAAM,EAAGuQ,GAAkB,MASrC/L,ICxGT,QAASiM,SAAeb,0DAAY,OAAQhN,eAAQ+B,qBAClC,SAAdiL,KACMtU,KAAO,OACR,GAAIoV,IAAU9N,EAAQ+B,IACL,QAAdiL,KACFtU,KAAO,MACR,GAAIoV,IAAU9N,EAAQ+B,IACL,eAAdiL,KACFtU,KAAO,OACR,GAAIoV,IAAU9N,EAAQ+B,IAGzBgM,GAAWf,GAKT,GAAIe,IAAWf,GAAWhN,EAAQ+B,gBAJhCkD,MAAM,yBAA2B+H,w1NZd3CvW,GAAEuX,OAAS,SAACpP,EAAKC,MACZ9H,GAAUH,SAASqX,cAAcrP,OAEhC,GAAIZ,KAAKa,GAAG,IACZE,GAAMF,EAAEb,MAEF,WAANA,IACDe,GAAKC,YAAYjI,OAEf,IAAU,WAANiH,EAAgB,IACpBiB,GAAMxI,EAAEsI,KACRG,WAAWC,aAAapI,EAASkI,KAC7BD,YAAYC,OAEJ,WAANjB,EACQ,qBAARe,iBAAAA,YACFK,KAAKL,GAAKhB,IAAI,cACZsB,MAAMC,GAAQP,EAAIO,KAGlBtB,IAAKjH,KACPiH,GAAKe,IAGLQ,aAAavB,EAAGe,SAInBhI,OaxCamX,qCAEnBlO,OAAAA,aAAS,WACTqF,OAAAA,kCAEKrF,OAASA,OACTqF,OAASA,OACT8I,UAAY,QACZC,WAAa,QACbC,mBACAC,gBAAkB,OAElBxR,EAAI,OACJlC,EAAI,OAEJ1D,IAAM,OACNI,KAAO,OAEPiX,wDAIAC,qDAIA3U,YACA4U,qEAKAC,UAAYjY,EAAEuX,OAAO,cACjBW,KAAK3O,iBACF,8JAKP4O,eAEAC,MAAQF,KAAKD,UAAU7X,cAAc,eACrCiY,cAAgBH,KAAKD,UAAU7X,cAAc,yBAE7CmJ,OAAO+O,iBAAiB,aAAc,aACrCH,sDAKFC,WACDF,KAAKL,2BACYK,KAAKP,uBAAsBO,KAAKR,UAExCQ,KAAKR,qBAAoBQ,KAAKP,4BAErCS,MAAMG,UAAYH,OAClBC,cAAcE,UAAY,QAE1BX,WAAWtQ,IAAI,SAACkR,EAAKjR,MACnB6B,GAAQqP,EAAK7J,OAAOrH,IAAM,QAE5BmR,EAAK1Y,EAAEuX,OAAO,wCAEWnO,iDAEiC,IAAdoP,EAAI9I,OAAe8I,EAAI9I,MAAQ8I,EAAI9I,MAAQ,6BACvF8I,EAAIJ,MAAQI,EAAIJ,MAAQ,QAGvBC,cAAc9P,YAAYmQ,+CAK5BpS,GAAQ4R,KAAKD,UAAUU,iBAEtBlY,IAAMyX,KAAK/T,EAAI+T,KAAKD,UAAUW,kBAC9B/X,KAAOqX,KAAK7R,EAAIC,EAAM,KACvBuS,GAAUX,KAAK3O,OAAOoP,YAAcrS,EAEpCwS,EAAUZ,KAAKD,UAAU7X,cAAc,mBAExC8X,KAAKrX,KAAO,IACN+H,MAAM/H,oBAAsB,EAAIqX,KAAKrX,gBACxCA,KAAO,MACN,IAAGqX,KAAKrX,KAAOgY,EAAS,IAE1BE,kBADQb,KAAKrX,KAAOgY,WAEhBjQ,MAAM/H,KAAOkY,OAEhBlY,KAAOgY,SAEJjQ,MAAM/H,6CAINwF,EAAGlC,MAAGuT,0DAAY,GAAIC,yDAAa,GAAIC,4DAAiBC,yDAAkB,OAC9EH,UAAYA,OACZC,WAAaA,OACbC,WAAaA,OACbvR,EAAIA,OACJlC,EAAIA,OACJ0T,gBAAkBA,OAClBmB,iDAIAf,UAAUrP,MAAMnI,IAAM,WACtBwX,UAAUrP,MAAM/H,KAAO,WACvBoX,UAAUrP,MAAMS,QAAU,2CAI1B4O,UAAUrP,MAAMnI,IAAMyX,KAAKzX,IAAM,UACjCwX,UAAUrP,MAAM/H,KAAOqX,KAAKrX,KAAO,UACnCoX,UAAUrP,MAAMS,QAAU,aChHpB4P,GAA4B,IAI5BzC,IAA4B,OAAQ,OAQpCW,GAAqB,EAGrBtT,GAAcX,KAAKgW,GAAK,IXnBxBzS,GAAgB,IAChBiB,GAAgB,IAChBrC,GAAuBoB,GACvBmK,GAAsB,IAEtB5L,GAAa,SCFpBmH,GAAmB,EACnBR,GAAe,EACRV,GAAY,GACnBO,GAAkB,UAkcb2N,QACH,SAAC1U,MACH2U,SACiB,UAAlB3U,EAAK+B,aACU/B,EAAKyB,aAAa,eAC5BzB,EAAKuB,WAAW,OAEpBqT,GAAU5U,EAAK4K,qBACXzG,MAAMxF,KAAO,YACbwF,MAAMS,QAAU,MAErB+P,KACMtQ,aAAa,YAAasQ,GAE5BC,OAGD,SAAC5U,MACH2U,SACiB,YAAlB3U,EAAK+B,aACU/B,EAAKyB,aAAa,eAC5BzB,EAAKuB,WAAW,OAEpBqT,GAAU5U,EAAK4K,YACf1L,EAASc,EAAKyB,aAAa,cACvB4C,aAAa,IAAKnF,EUndS,KVod3BiF,MAAMxF,KAAO,YACbwF,MAAMS,QAAU,MAErB+P,KACMtQ,aAAa,YAAasQ,GAE5BC,IAIEC,QACH,SAAC7U,EAAM4U,MACTD,SACiB,UAAlB3U,EAAK+B,aACU/B,EAAKyB,aAAa,eAC5BzB,EAAKuB,WAAW,OAEpBuT,IAAc,IAAK,IAAK,QAAS,iBAC9BhF,OAAO9P,EAAK8U,YAClBpI,OAAO,kBAAQoI,GAAWhL,SAASiL,EAAK1I,OAAS0I,EAAKC,YACtDnS,IAAI,cACIwB,aAAa0Q,EAAK1I,KAAM0I,EAAKE,aAGnCN,KACMtQ,aAAa,YAAasQ,QAI7B,SAAC3U,EAAM4U,MACTD,SACiB,YAAlB3U,EAAK+B,aACU/B,EAAKyB,aAAa,eAC5BzB,EAAKuB,WAAW,OAEpBuT,IAAc,KAAM,aACjBhF,OAAO9P,EAAK8U,YAClBpI,OAAO,kBAAQoI,GAAWhL,SAASiL,EAAK1I,OAAS0I,EAAKC,YACtDnS,IAAI,cACIwB,aAAa0Q,EAAK1I,KAAM0I,EAAKE,aAGnCN,KACMtQ,aAAa,YAAasQ,KC/gB/BO,iBACS,eACN,iBACE,cACH,iBACG,iBACA,gBACD,wBACM,iBACL,kBACC,gBACF,eACD,uBACM,sBACD,WAGDC,IAAkB,aAAc,OAAQ,SAAU,MAAO,SACrE,SAAU,QAAS,cAAe,SAAU,UAAW,aAAc,aA2BzDjM,GAAW,SAACvE,SACjBuQ,IAAiBvQ,IAAUA,GC5C7BkF,IAAmB,OAAQ,UAAW,MAAO,aAAc,UAAW,OAEtEG,SACC,OAAQ,UAAW,aAAc,aAChC,UAAW,MAAO,aAAc,YACjC,OAAQ,UAAW,aAAc,gBAC7B,OAAQ,MAAO,aAAc,mBAC1B,MAAO,OAAQ,UAAW,mBAKlCE,SACC,OAAQ,iBACP,UAAW,YACZ,uBACI,OAAQ,mBACL,mBCfRiB,SACC,yBACE,iBAEA,wBACC,uBACE,iBQASiK,yBACRtQ,EAAQ+B,sBACdwO,aAAexO,OAEf/B,OAA2B,gBAAXA,GAAsBpJ,SAASC,cAAcmJ,GAAUA,IACtE2O,KAAK3O,iBAAkBwQ,mBACtB,IAAIC,OAAM,uDAGZ5B,MAAQ9M,EAAQ8M,OAAS,QACzB6B,SAAW3O,EAAQ2O,UAAY,QAC/BC,UAAY5O,EAAQpH,QAAU,SAC9BjC,KAAOqJ,EAAQrJ,MAAQ,QAEvB2U,SAAWsB,KAAKiC,YAAY7O,EAAQV,WACpCA,KAAOsN,KAAKkC,iBAAiBlC,KAAKtB,eAClChI,eACAyC,oBACS,aACD/F,EAAQ+O,YAAc,cACrB/O,EAAQgP,aAAe,UAC3B,QAELC,cACAjP,gBAEAkP,YAAcvB,GAEhBf,KAAK7G,OAAOiJ,mBACTG,kBAGDC,UAAUpP,gDAGNT,mBACJ8P,iBACAC,oBAGEtC,iBAAiB,SAAU,iBAAMuC,GAAKC,MAAK,YAC3CxC,iBAAiB,oBAAqB,iBAAMuC,GAAKC,MAAK,4CAIzDjQ,GAAOqN,KAAK4B,aAGViB,EAAqB,eAAdlQ,EAAK5I,MAAuC,QAAd4I,EAAK5I,KAC7C4I,EAAKD,KAAKsL,OACVrL,EAAKD,KAAKwL,UAETvL,EAAK+D,QAAWmM,GAAQlQ,EAAK+D,OAAO7L,OAASgY,EAAKhY,YAChD6L,OAASgL,QAEThL,OAAS/D,EAAK+D,YAGfA,OAASsJ,KAAKtJ,OAAOtH,IAAI,kBAASqG,IAASvE,6CAI5ClF,GAASgU,KAAKgC,eACbc,WAAa9W,OACbA,OAASA,ED1E6B,QC2EtC+W,WD1E+B,QC6E/BC,WD5E+B,QC6E/BC,YD5EgC,6CCgF9B,kCAIJjD,KAAKkD,iBACFC,+CAKDC,qBACAvD,mBAEA+C,MAAK,GAAO,kDAIZS,WAAa,GAAIC,kDAIjBvD,UAAYjY,EAAEuX,OAAO,iBACd,iDACqBW,KAAKE,wDACFF,KAAK+B,8HAMpC1Q,OAAOgP,UAAY,QACnBhP,OAAOhB,YAAY2P,KAAKD,gBAExBwD,aAAevD,KAAKD,UAAU7X,cAAc,sBAC5Csb,aAAexD,KAAKD,UAAU7X,cAAc,qEAI5Cub,IAAM,GAAIlE,YACNS,KAAKuD,oBACLvD,KAAKtJ,cAETgN,+FAKDC,0DAAuBC,+DACtBC,iBACAC,KAAKH,QACLI,qBACAC,uBAEAX,WAAWY,QAAQ,kBAAKC,GAAEtE,MAAMW,EAAK4D,iBAErCC,OAAOpE,KAAKqD,YAAY,GAE1BO,SACGlR,KAAOsN,KAAKtB,oBACN,aAAY2F,UAAYrE,KAAKsC,mBAGpCgC,oBACAC,gBAAgBX,4CAIhBY,UAAYlb,EAAuB0W,KAAK3O,aACxCjD,MAAQ4R,KAAKwE,WAAaxE,KAAKgD,WAAahD,KAAKiD,iDAGhDvQ,0DAAKsN,KAAKtN,UACXA,KAAOsN,KAAKiC,YAAYvP,QACxBoR,YACAM,6GAGWpE,KAAKtN,8GAIAsN,KAAKtN,iFAMpB2Q,yDAAWrD,KAAKqD,WAAYoB,4DAC/BzE,MAAK7G,OAAOiJ,kBAETG,SAASnT,IAAI,kBAAKc,GAAEK,WAAWkI,YAAYvI,QAG7CqI,QAEO0L,QAAQ,cACE1L,EAAkBpN,OAAO+Y,EAAEG,OAAOI,MAEpDlM,EAAkB1N,OAAS,KACZmV,KAAKuD,aAAcvD,KAAK0E,IAAKnM,cACnC,aACC0L,QAAQ,kBAAKC,GAAES,WACrBC,aDlLiC,SCqL5BX,QAAQ,kBAAKC,GAAES,cACrBC,iDAKH5E,KAAK7G,OAAOiJ,mBAERnB,mBACA4D,qDAQJ7E,KAAK0E,UACFnB,aAAa9K,YAAYuH,KAAK0E,UAE/BA,IAAMtT,EACV4O,KAAKuD,aACL,QACAvD,KAAKwE,UACLxE,KAAK8C,iBAED7N,QAAU1D,EAAYyO,KAAK0E,UAS3BP,SAAW1S,EACfuO,KAAK0E,IACL1E,KAAKjW,KAAO,sBACCiW,KAAKgD,gBAAehD,KAAK+C,6GAMxBa,yDACX5D,MAAK7G,OAAOiJ,aAEbwB,SACGkB,mBAEAC,eACE/E,KAAKgF,WAAWC,KAAKjF,SACrBA,KAAKkF,YAAYD,KAAKjF,SACtBA,KAAKmF,UAAUF,KAAKjF,SACpBA,KAAKoF,aAAaH,KAAKjF,SACvBA,KAAKqF,YAAYJ,KAAKjF,gBAGpBI,iBAAiB,UAAW,SAACkF,GAClCzc,EAAoB0c,EAAKhC,kBACvB+B,GAAKtc,OAAOwc,MACbD,EAAKR,WAAWO,EAAEG,YACfV,WAAWO,EAAEG,gcAmBHC,0CAENC,EAASrR,uCACZqR,EAASrR,oFAGL4J,4CAEC0H,yCACHA,yFAGK7b,SACVmM,GAAkBnM,EAAMiW,KAAKjW,KAAMiW,KAAK3O,OAAQ2O,KAAK4B,uBCvRzCiE,0BACRxU,EAAQsB,+EACbtB,EAAQsB,yDAGLA,4FACOA,QAEXwG,OAAO2M,UAAYnT,EAAKmT,WAAa,QACrC3M,OAAO4M,gBAAkBpT,EAAKoT,iBAAmB,6CAIlDC,EAAIhG,KAAKqC,MACTyD,EAAY9F,KAAK7G,OAAO2M,YAC1BG,kBAEEC,GAAYlG,KAAKtN,KAAKsL,OAAO5O,IAAI,SAAC6D,EAAO5D,MACxC8W,GAAQ,WACPzT,KAAKwL,SAAS9O,IAAI,eACbkW,EAAEjJ,OAAOhN,MAEX8W,EAAOlT,KACbgG,OAAO,kBAAc1O,GAAE,GAAK,IAE3B6b,EAASF,KACVA,EAAUrb,OAASib,EAAW,GAEtBO,KAAK,SAACC,EAAGzQ,SAAeA,GAAE,GAAKyQ,EAAE,OAElCJ,EAAUzX,MAAM,EAAGqX,EAAU,MAGlCS,GAAiB,CAFLL,GAAUzX,MAAMqX,EAAU,GAGhC1W,IAAI,eAAwB7E,EAAE,OACjCkF,MAAM8W,EAAgB,cACxB7P,OAAOoP,EAAU,GAAK,SAG1B9H,YACK5O,IAAI,cACR6W,YAAYxW,KAAKlF,EAAE,MACnByT,OAAOvO,KAAKlF,EAAE,wDAKbyb,EAAIhG,KAAKqC,WAERmE,aAAeR,EAAEC,YAAYxX,MAAM,EAAGuR,KAAK7G,OAAO4M,oBAEnDU,GAAWzG,KAAK0G,kBAAoB1G,KAAK0G,iBAAiB7b,OAAS,EACpEmV,KAAK0G,iBAAmBV,EAAEhI,YACxBwI,aAAapX,IAAI,SAAC7E,EAAG8E,GACtB9E,IACUzC,EAAEuX,OAAO,iBACT,eACHsH,EAAKnD,eAERnD,uEACmBsG,EAAKjQ,OAAOrH,iDACToX,EAASpX,0BAClC9E,gCA9DuCoX,ICAzBiF,0BACRvV,EAAQsB,8EACbtB,EAAQsB,aACT5I,KAAO,eAEP6V,0EAIA2D,aAAajS,WAAa,2BAC1BiS,aAAa7S,MAAMmW,UAAY,YAE/BrD,aAAalS,WAAa,2BAC1BkS,aAAa9S,MAAMoW,aAAe,YAClCtD,aAAa9S,MAAMqW,WAAa,WAEhCrC,IAAM5c,EAAEuX,OAAO,iBACR,aACHW,KAAKuD,oBAGTyD,MAAQlf,EAAEuX,OAAO,iBACV,wBACHW,KAAK0E,WAGTuC,cAAgBnf,EAAEuX,OAAO,iBAClB,kBACHW,KAAKgH,oDAKVhB,EAAIhG,KAAKqC,WACR6E,WAAalB,EAAEC,YAAYkB,OAAO,SAACb,EAAGzQ,SAAMyQ,GAAIzQ,GAAG,KACtDuR,YACAnB,YAAY7W,IAAI,SAAC+W,EAAO9W,MACrBZ,GAAQ3G,EAAEuX,OAAO,6CAENhQ,SACNkR,EAAK0G,iCAEA1G,EAAK7J,OAAOrH,SACX,IAAN8W,EAAU5F,EAAK2G,WAAa,SAGnCE,OAAO3X,KAAKhB,sDAKXuX,EAAIhG,KAAKqC,WAERkB,aAAanD,iBAAiB,YAAa,SAACkF,MAC5C7W,GAAQ6W,EAAExb,UACX2E,EAAM4Y,UAAUC,SAAS,gBAAiB,IAExCjY,GAAIZ,EAAMT,aAAa,cACvBuZ,EAAOpf,EAAUwe,EAAKpD,cAAeiE,EAAOrf,EAAUsG,GAEtDN,EAAIqZ,EAAK7e,KAAO4e,EAAK5e,KAAO8F,EAAMgS,YAAY,EAC9CxU,EAAIub,EAAKjf,IAAMgf,EAAKhf,IAAM,EAC1B2X,GAASyG,EAAKc,iBAAmBd,EAAKc,gBAAgB5c,OAAO,EAC9D8b,EAAKc,gBAAgBpY,GAAKsX,EAAKtE,MAAMrE,OAAO3O,IAAM,KACjDqY,GAA4B,IAAjB1B,EAAEC,YAAY5W,GAAOsX,EAAKO,YAAY1c,QAAQ,KAExDiZ,IAAIkE,UAAUxZ,EAAGlC,EAAGiU,EAAOwH,EAAU,OACrCjE,IAAImE,oBAnEgC/B,ITGvCxM,oCAEJwO,WAAAA,aAAa,SACbC,eAAAA,aAAiB,KACjBjP,IAAAA,UAEAC,IAAAA,QACAiP,IAAAA,aACAC,IAAAA,gCAEKF,eAAiBA,OACjBjP,UAAYA,OAEZkP,aAAeA,OACfjP,QAAUA,OAEVkP,gBAAkBA,OAElBC,cAEAJ,WAAaA,OACbA,WAAyC,kBAArB7H,MAAK6H,WAC3B7H,KAAK6H,aAAe7H,KAAK6H,gBAEvB/G,qDAGEpO,QACFA,KAAOA,GAAQsN,KAAKlH,wCAGpBzH,QACA6W,MAAQzW,EAAaJ,EAAQ2O,KAAK6H,WAAY7H,KAAK8H,oDAInD1D,OAAOpE,KAAKtN,WACZyV,QAAUnI,KAAKtN,oCAGdA,mBACDuV,MAAQjI,KAAK+H,aAAarV,QAE1BwV,MAAME,YAAc,QACpBH,MAAMhE,QAAQ,cACbiE,MAAM7X,YAAYjI,yCAIlBqc,mEACD3D,aACDkH,YACDvD,OACgBzE,KAAKgI,gBAAgBhI,KAAKtN,OAEtCsV,WAILhP,0BAEU,mCACCtG,SACLA,GAAK2V,aAAajZ,IAAI,SAAC4W,EAAG3W,MAC5BZ,GAAQiD,EAASsU,EAAG,WAAY,OAAQtT,EAAKgE,OAAOrH,aAClDqB,MAAM4X,WAAa,iBAClB7Z,8BAIO8Z,SACRvI,MAAKiI,MAAM7Y,IAAI,SAACX,EAAOY,SAC7BS,GAAerB,EAAO8Z,EAAQF,aAAahZ,0BAKjC,+BACCqD,oBACLA,GAAK8V,UAAUpZ,IAAI,SAACqZ,EAAUpZ,SACpChC,GAAMob,EAAU/V,EAAKsL,OAAO3O,GAAIkR,EAAK1H,UAAUzK,OAC7C4F,KAAMuM,EAAK1H,UAAU7E,KAAMD,IAAKwM,EAAK1H,UAAU9E,kCAInCwU,MACXG,GAASH,EAAQC,UACjBG,EAAYJ,EAAQvK,OACpB4K,EAAS5I,KAAKmI,QAAQK,UACtBK,EAAY7I,KAAKmI,QAAQnK,SAEV9R,EAAqB0c,EAAQF,iCACvBxc,EAAqB2c,EAAWF,uCAEpDvE,kBACOwE,SACHD,IAGF3I,KAAKiI,MAAM7Y,IAAI,SAACsE,EAAMrE,SACrBjC,GACNsG,EAAMgV,EAAOrZ,GAAIuZ,EAAOvZ,0BAOf,+BACCqD,oBACLA,GAAK8V,UAAUpZ,IAAI,SAACqZ,EAAUpZ,SACpCrC,GAAMyb,EAAU/V,EAAKoW,WAAWzZ,GAAIsX,EAAK9N,UAAU7M,QACjDgI,KAAM2S,EAAK9N,UAAU7E,KAAMD,IAAK4S,EAAK9N,UAAU9E,kCAInCwU,MACXG,GAASH,EAAQC,UACjBG,EAAYJ,EAAQO,WACpBF,EAAS5I,KAAKmI,QAAQK,UACtBK,EAAY7I,KAAKmI,QAAQW,aAEV5c,EAAqB0c,EAAQF,iCACvBxc,EAAqB2c,EAAWF,uCAEpDvE,kBACOwE,aACCD,IAGN3I,KAAKiI,MAAM7Y,IAAI,SAACsE,EAAMrE,SACrBtC,GACN2G,EAAMgV,EAAOrZ,GAAIuZ,EAAOvZ,6BAOf,kCACCqD,oBACLA,GAAKtD,IAAI,kBACf8E,GAAQ6U,EAAON,SAAUM,EAAO9V,MAAOsS,EAAK1M,UAAUzK,OACpD2F,IAAI,QAASC,KAAM,OAAQF,SAAU,uCAGzByU,SACWrc,EAAqB8T,KAAKmI,QAASI,kBAAvDJ,gBAEFO,YAAiBtZ,IAAI,kBAAK7E,GAAEke,WAC5BE,EAAYJ,EAAQnZ,IAAI,kBAAK7E,GAAE0I,QAE/B2V,EAAS5I,KAAKmI,QAAQ/Y,IAAI,kBAAK7E,GAAEke,UACrBzI,MAAKmI,QAAQ/Y,IAAI,kBAAK7E,GAAE0I,oBAEnCmR,OAAOwE,EAAOxZ,IAAI,SAAC2E,EAAK1E,mBAEjBuZ,EAAOvZ,SACVsZ,EAAUtZ,OAIZ2Q,KAAKiI,MAAM7Y,IAAI,SAACsE,EAAMrE,SACrBjC,GACNsG,EAAMgV,EAAOrZ,GAAIuZ,EAAOvZ,6BAOf,kCACCqD,oBACLA,GAAKtD,IAAI,kBACfgF,GAAQ1E,EAAO9E,MAAO8E,EAAO8O,IAAKwK,EAAKnQ,UAAUzK,MAChDsB,EAAOuD,mCAGMsV,SACWrc,EAAqB8T,KAAKmI,QAASI,kBAAvDJ,gBAEFO,YAAiBtZ,IAAI,kBAAK7E,GAAEiU,MAC5BmK,EAAYJ,EAAQnZ,IAAI,kBAAK7E,GAAE0I,QAC/BgW,EAAYV,EAAQnZ,IAAI,kBAAK7E,GAAEK,QAE/Bge,EAAS5I,KAAKmI,QAAQ/Y,IAAI,kBAAK7E,GAAEiU,MAEjC0K,GADYlJ,KAAKmI,QAAQ/Y,IAAI,kBAAK7E,GAAE0I,QACxB+M,KAAKmI,QAAQ/Y,IAAI,kBAAK7E,GAAEK,cAEnCwZ,OAAOwE,EAAOxZ,IAAI,SAAC2E,EAAK1E,gBAEpB6Z,EAAU7Z,OACZuZ,EAAOvZ,SACLsZ,EAAUtZ,UAIf2Y,kBAECC,MAAM7Y,IAAI,SAAC3B,EAAW4B,KACR2Y,EAAgB7c,OAAOqC,EACxCC,EAAWwb,EAAU5Z,GAAIqZ,EAAOrZ,GAAIuZ,EAAOvZ,OAItC2Y,yBAKI,iBAAoB,sCAAwChI,KAAKnH,UAAUvE,6BAC1E5B,MACRwR,GAAIlE,KAAKnH,sBACRsQ,SAAW,WACXC,MAAQ1W,EAAK2W,WAAWja,IAAI,SAACnD,EAAG7B,SAC7BiK,GACN3B,EAAK4W,WAAWlf,GAChB6B,EACAyG,EAAK6W,SACLrF,EAAEhT,MACFwB,EAAKsL,OAAO5T,GACZA,EACAsI,EAAK8W,QAAQpf,aAEFsI,EAAK3G,mBACJ2G,EAAK+W,oBACLvF,EAAE1P,cAITwL,KAAKoJ,gCAEGb,MACXrE,GAAIlE,KAAKnH,UAET6Q,EAAUnB,EAAQe,WAClBK,EAAUpB,EAAQc,WAClBO,EAAarB,EAAQiB,QACrBb,EAAYJ,EAAQvK,OAEpB6L,EAAU7J,KAAKmI,QAAQmB,WACvBQ,EAAU9J,KAAKmI,QAAQkB,WACvBU,EAAa/J,KAAKmI,QAAQqB,QAC1BX,EAAY7I,KAAKmI,QAAQnK,SAER9R,EAAqB2d,EAASH,iCAC9Bxd,EAAqB4d,EAASH,iCACxBzd,EAAqB6d,EAAYH,iCACnC1d,EAAqB2c,EAAWF,gCAEpDvE,mBACQyF,aACAC,UACHC,SACDpB,WAEE3I,KAAKmI,QAAQpc,mBACZiU,KAAKmI,QAAQsB,mBACdzJ,KAAKmI,QAAQoB,cAGpBvB,kBAECC,MAAM7Y,IAAI,SAAClB,EAAKmB,KACF2Y,EAAgB7c,OAAO8C,EACxCC,EAAKwb,EAAQra,GAAIsa,EAAQta,GAAIkZ,EAAQgB,SAAUK,EAAWva,GAAI6U,EAAE5P,OAC9DvI,SAAUwc,EAAQxc,cAIfic,0BAKI,iBAAoB,sCAAwChI,KAAKnH,UAAUvE,6BAC1E5B,MACRwR,GAAIlE,KAAKnH,sBACRsQ,SAAW,WACXpa,SACDmV,EAAE8F,gBACAjb,MAAQ4F,EACZjC,EAAK4W,WACL5W,EAAK2W,WACLnF,EAAEhT,gBAESgT,EAAEnP,oBACAmP,EAAEhP,qBAGLgP,EAAEjP,iBACDvC,EAAK3G,iBAKbqd,SACDlF,EAAE+F,gBACAb,MAAQ1W,EAAK2W,WAAWja,IAAI,SAACnD,EAAG7B,SAC7BsK,GACNhC,EAAK4W,WAAWlf,GAChB6B,EACAyG,EAAKjH,OACLyY,EAAEhT,MACDgT,EAAEgG,iBAAmBxX,EAAK2J,OAAOjS,GAAK,GACvCA,MAKI2O,OAAOsD,OAAO2D,KAAKjR,OAAO5D,OAAO6U,KAAKoJ,iCAE9Bb,MAGXmB,GAAUnB,EAAQe,WAClBK,EAAUpB,EAAQc,WAClBc,EAAY5B,EAAQlM,OAGpBwN,EAAU7J,KAAKmI,QAAQmB,WACvBQ,EAAU9J,KAAKmI,QAAQkB,WACvBpS,EAAY+I,KAAKmI,QAAQ9L,SAERnQ,EAAqB2d,EAASH,iCAC9Bxd,EAAqB4d,EAASH,iCAC1Bzd,EAAqB+K,EAAWkT,gCAEpD/F,mBACQyF,aACAC,SACJK,WAEEnK,KAAKmI,QAAQpc,gBACfiU,KAAKmI,QAAQ1c,YAGlBuc,YAEDjP,QAAOtI,KAAKuP,KAAKjR,OAAOlE,WACRmd,EAAgB7c,OAAO2D,EACxCkR,KAAKjR,MAAO2a,EAASC,EAASpB,EAAQxc,YAGrCiU,KAAKoJ,MAAMve,aACRue,MAAMha,IAAI,SAACT,EAAKU,KACF2Y,EAAgB7c,OAAOuD,EACxCC,EAAK+a,EAAQra,GAAIsa,EAAQta,OAIrB2Y,KU5VWoC,0BACR/Y,EAAQsB,8EACbtB,EAAQsB,aACT5I,KAAO,QACPuY,YAAc,IAEd1C,+DAGIjN,4FACOA,QACX0X,UAAYrK,KAAKqK,UAAUpF,KAAKjF,WAChCsK,WAAatK,KAAKsK,WAAWrF,KAAKjF,WAElCuK,WAAa5X,EAAK4X,YAAc,QAChCpR,OAAOqR,WAAa7X,EAAK6X,YAAc,OAEvCzY,UAAYY,EAAKZ,YAAa,gDAGnBW,0DAAKsN,KAAKtN,iBACrBkR,KAAO,EACLlR,yHAKHsT,GAAIhG,KAAKqC,WAERvQ,UACDkO,KAAK5R,MAAQ,IACb4R,KAAKhU,OAAS,QAEbP,OAAUuU,KAAKhU,OAASgU,KAAK5R,MAAQ4R,KAAKlO,OAAO3D,EAAI6R,KAAKlO,OAAO7F,IAEpEib,WAAalB,EAAEC,YAAYkB,OAAO,SAACb,EAAGzQ,SAAMyQ,GAAIzQ,GAAG,QAEhD4U,6DAIDzE,EAAIhG,KAAKqC,MACL5W,EAAsBuU,KAAtBvU,OAAQsG,EAAciO,KAAdjO,UAEV2Y,EAAuB1E,EAAE2E,uBAC7BtC,kBACAsC,uBACEC,GAAW,IAAM5K,KAAK7G,OAAOqR,aAE/BvE,YAAY7W,IAAI,SAAC+W,EAAO9W,MACnBmb,GAAaI,EACbC,EAAmB1E,EAAQH,EAAEkB,WJtCZ,IIuCjB4D,EAAY/Y,GAAa8Y,EAAkBA,EAC3CE,EAAWH,GAAsBE,EACjClZ,EAAgBrG,EAAmBif,EAAY/e,GAC/CoG,EAActG,EAAmBwf,EAAUtf,GAE3Cuf,EAAezK,EAAKqD,MAAQ8G,EAAqBrb,GAEnD4b,SAASC,QACV3K,GAAKqD,QACIoH,EAAeA,EAAapZ,cAAgBA,IAC9CoZ,EAAeA,EAAanZ,YAAcD,MAExCA,IACFC,MAEJsZ,GAAUxZ,EAAesZ,EAAUC,EAAQ3K,EAAKzO,OAAQyO,EAAK9U,OAAQ8U,EAAKxO,aAE9EsW,aAAa5Y,KAAK0b,KAClBR,iBAAiBlb,0CAGX0W,QACAH,EAAEkB,yCAGF4D,WAIJlH,KAAO,+CAIRoC,GAAIhG,KAAKqC,MAETrJ,IAEF,eAEA,+BAEgBgN,EAAEqC,oBACRrI,KAAKtJ,SAEbuO,KAAKjF,aAIJqD,WAAa,GAAIC,KAAItK,EACxB5J,IAAI,eACAgc,GAAYzS,kBAAgBhG,WACxBA,EAAK,GAAIyY,kDAIAC,MACb5f,GAAqBuU,KAArBvU,OAAO8e,EAAcvK,KAAduK,WACP9B,EAAWld,EAAmB8f,EAASb,WAAYa,EAAS7f,MAAQ,EAAGC,wBACtDgd,EAASta,EAAKoc,QAAiB9B,EAASxc,EAAKse,6CAG1Dhb,EAAKF,EAAEic,EAAKhG,MAClB/V,MACE2B,GAAQ8O,KAAKtJ,OAAOrH,MACvBic,EAAM,GACE/b,EAAMyQ,KAAKuL,oBAAoBvL,KAAKqC,MAAMsI,iBAAiBtb,OAChEqB,MAAMxF,KAAOoK,EAAmBpE,EAAO,OACxCsa,GAAQrjB,EAAU6X,KAAK0E,KACvBvW,EAAImX,EAAEmG,MAAQD,EAAM7iB,KAAO,GAC3BsD,EAAIqZ,EAAEoG,MAAQF,EAAMjjB,IAAM,GAC1B2X,GAASF,KAAK0G,kBAAoB1G,KAAK0G,iBAAiB7b,OAAS,EAClEmV,KAAK0G,iBAAiBrX,GAAK2Q,KAAKqC,MAAMrE,OAAO3O,IAAM,KAClDqY,GAAuC,IAA5B1H,KAAKqC,MAAM4D,YAAY5W,GAAW2Q,KAAKqC,MAAM6E,YAAY1c,QAAQ,QAC3EiZ,IAAIkE,UAAUxZ,EAAGlC,EAAGiU,EAAOwH,EAAU,UACrCjE,IAAImE,iBAECrY,EAAK,2BACVkU,IAAIxD,YACJvP,MAAMxF,KAAOgG,8CAKdqS,aAAanD,iBAAiB,YAAaJ,KAAKqK,gBAChD9G,aAAanD,iBAAiB,aAAcJ,KAAKsK,8CAG7ChF,MACHxb,GAASwb,EAAExb,OACbsd,EAASpH,KAAKqD,WAAWsI,IAAI,aAAa1D,MAC1C2D,EAAY5L,KAAK6L,oBACjBC,EAAa9L,KAAK+L,kBACnB3E,EAAO/Q,SAASvM,GAAS,IACvBuF,GAAI+X,EAAOlK,QAAQpT,QAClBkiB,WAAWF,EAAYF,GAAU,QACjCG,eAAiBjiB,OACjB+hB,oBAAsBxc,OACtB2c,WAAWliB,EAAQuF,GAAG,EAAMiW,aAE5BgF,uDAKD0B,WAAWhM,KAAK+L,eAAe/L,KAAK6L,qBAAoB,UA5JzBhG,ICHjBoG,0BACR5a,EAAQ+B,8EACb/B,EAAQ+B,MAETrJ,KAAO,YAEPmiB,OAAS9Y,EAAQ8Y,QAAU,KAC3BC,UAAY/Y,EAAQ+Y,WAAa,KACjCzZ,KAAOU,EAAQV,WACf0Z,iBAAmBhZ,EAAQgZ,kBAAoB,IAC/CC,YAAcjZ,EAAQiZ,aAAe,MAEtCC,GAAQ,GAAI7S,QACX7O,MAAQwI,EAAQxI,OAAS6P,EAAQ6R,EAAO,QAEzCC,IAAiBnZ,EAAQmZ,mBAAqB9d,MAAM,EAAG,YACtD8d,cAAgB5J,EAAK6J,gBAAgBD,GACvCA,GACC,UAAW,UAAW,UAAW,UAAW,aAI3CE,kBAAoB,IAEpBC,WAAa,IACb9M,qEAGUlJ,MACZA,EAAO7L,OAAS,EAAG,MAAO,MAEzB8hB,GAAQ,WACL1I,QAAQ,SAAS5Y,GACnB2K,EAAa3K,OACR,UACAuhB,KAAK,IAAMvhB,EAAS,6BAE3B2U,MAEI2M,qIAKFL,MAAQ,GAAI7S,MAEbuG,KAAKpV,aACHA,MAAQ,GAAI6O,WACZ7O,MAAMiiB,YAAa7M,KAAKpV,MAAMuP,cAAgB,SAE/C2S,iBAAmB,GAAIrT,MAAKuG,KAAKpV,MAAMmiB,qBACvCC,gBAAkB,GAAIvT,MAAKuG,KAAKsM,MAAMS,gBACL,IAAnC/M,KAAK8M,iBAAiBG,YAChBjN,KAAK8M,kBAAoB,EAAK9M,KAAK8M,iBAAiBG,UAExB,IAAlCjN,KAAKgN,gBAAgBC,YACfjN,KAAKgN,iBAAmB,EAAKhN,KAAKgN,gBAAgBC,eAEtDC,WAAa9S,EAAgB4F,KAAK8M,iBAAmB,GAAI9M,KAAKgN,gBAAkB,IAAM,2CAItFxI,UAAoC,IAAvBxE,KAAKkN,WAAa,GAEjClN,KAAKoM,wBACF5H,WAAc,gJAMf2I,iBAAmB1b,EAAauO,KAAKmE,SACzC,uCAEIiJ,WAAa3b,EAAauO,KAAKmE,SACnC,4EAcGkJ,EAActU,OAAOtI,KAAKuP,KAAKtN,MAAMtD,IAAI,kBAAOmR,GAAK7N,KAAKE,UACzDgL,aAAeJ,GAAiB6P,EAAarN,KAAKyM,wBAElDa,aAAe,UAAW,WAAY,QAAS,QAAS,MAAO,OACnE,OAAQ,SAAU,YAAa,UAAW,WAAY,kDAKlDC,8BAA8BvN,KAAKkN,kEAGXM,QAExBL,iBAAiB/E,YAAc,QAC/BgF,WAAWhF,YAAc,MAE1BqF,GAAsB,GAAIhU,MAAKuG,KAAK8M,uBACnCY,SAAW,OACXC,cAAgBF,EAAoBvT,gBAEpC0T,QAAU5N,KAAK2N,cAAgB,SAC/BE,eAAkB7N,KAAK8N,2BACvBD,YAAY7N,KAAK2N,eAAiB,OAClCG,mBAAmBre,KAAK,QAEzB,GAAIJ,GAAI,EAAGA,EAAIme,EAAane,IAAK,IAChC0e,UAAYC,EAAe,EAC3BC,EAAM,GAAIxU,MAAKgU,KAEUzN,KAAKkO,uBAAuBD,EAAKjO,KAAK0N,uCAC9DN,WAAW/c,YAAY0d,QACvBL,UAAY,EAAI9X,SAASoK,KAAKoM,kBAAoB4B,QAClDH,YAAY7N,KAAK2N,iBACnBK,SACGL,eAAiB3N,KAAK2N,cAAgB,GAAK,QAC3CC,OAAOne,KAAKuQ,KAAK2N,cAAgB,SACjCE,YAAY7N,KAAK2N,eAAiB,KAEhCF,EAAqB,QAEzBU,qEAGiBC,EAAc9Z,OAYhC,GAPE+Z,GAAarO,KAAKsM,MAAMgC,UAE1BN,EAAe,EACfO,EAAkB,EAElBR,EAAatc,EAAauO,KAAKoN,WAAY,cAEvCnhB,EAAI,EAAGoD,EAAI,EAAGA,EAXC,EAWmBA,GAR7B,EAQwCpD,GAAMuiB,GAA6B,IACnFC,GAAa,EACbC,EAAa,EAEbC,EAAoBP,EAAaE,UAAU,IAC3CM,EAAY5jB,KAAKkQ,MAAMyT,EAAqBA,EAAoB,OAAQnkB,QAAQ,EAEjFwV,MAAKtN,KAAKkc,OACC5O,KAAKtN,KAAKkc,IAGrB5O,KAAKtN,KAAK1H,KAAK6jB,MAAMD,QACV5O,KAAKtN,KAAK1H,KAAK6jB,MAAMD,KAGhCH,MACW3Q,GAAiB2Q,EAAYzO,KAAKpC,kBAG5CzP,GAAI,GAAiC,IAA3BmG,EAAQia,GAElBO,eACUjV,EAAYuU,gBACXK,aACFL,EAAanB,UAGtB8B,EAAavc,EAAe,MAAOrE,EAAGlC,EArCvB,GAsClB+T,KAAKuM,cAAcmC,GAAaI,KAEtBze,YAAY0e,MAEnBC,GAAY,GAAIvV,MAAK2U,QACjBY,EAAW,GAChBA,EAAUV,UAAYD,EAAY,KAGlCW,GAAU9U,WAAakU,EAAalU,eACvB,EACZ8F,KAAKoM,qBACW,QAGd0B,mBAAmBre,KAAK,GAAiC,IAA3B6E,EAAQia,OAE7BS,SAGRjB,EAAYC,iEAkBfJ,OAAOqB,aACPnB,mBAAmBmB,aACnBrB,OAAOsB,WACPpB,mBAAmBoB,WAEnBpB,mBAAmB1e,IAAI,SAACxE,EAAOyE,MAE/BmE,GAAOX,EAAS,eAAgBjI,EAAM,GAAI,GAD5B+b,EAAK2G,YAAY3G,EAAKiH,OAAOve,IAAI8f,UAAU,EAAG,MAE3DhC,iBAAiB9c,YAAYmD,4DAK7B4b,UAAU3gB,MAAM4gB,KACrBpnB,SAASqnB,iBAAiB,qBACzBlgB,IAAI,cACFgR,iBAAiB,aAAc,SAACkF,MAC9B3a,GAAQ2a,EAAExb,OAAOkE,aAAa,cAC9BuhB,EAAajK,EAAExb,OAAOkE,aAAa,aAAaQ,MAAM,KAEtDghB,EAAQjK,EAAK+H,YAAY1X,SAAS2Z,EAAW,IAAI,GAAGJ,UAAU,EAAG,GAEjE3D,EAAQjG,EAAKhC,aAAajb,wBAAyBmnB,EAAQnK,EAAExb,OAAOxB,wBAEpE8F,EAAQwH,SAAS0P,EAAExb,OAAOkE,aAAa,UACvCG,EAAIshB,EAAM9mB,KAAO6iB,EAAM7iB,MAAQyF,EAAM,GAAG,EACxCnC,EAAIwjB,EAAMlnB,IAAMijB,EAAMjjB,KAAO6F,EAAM,GAAG,EACtCoJ,EAAQ7M,EAAQ,IAAM4a,EAAK8G,YAC3BzT,EAAO,OAAS4W,EAAQ,IAAMD,EAAW,GAAK,KAAOA,EAAW,KAE/D9L,IAAIkE,UAAUxZ,EAAGlC,EAAG2M,EAAMpB,KAAW,KACrCiM,IAAImE,6CAKLlV,yFACOA,QACRgR,qBAzP8B/B,ICIhBxC,0BACR9N,EAAQsB,8EACbtB,EAAQsB,aAET+c,WAAa/c,EAAK+c,iBAClBC,YAAchd,EAAKgd,kBAEnB5lB,KAAO4I,EAAK5I,MAAQ,SAEpB6V,+DAGIjN,+FAGJid,YAAcjd,EAAKid,kBACnBC,eAAiBld,EAAKkd,wBAEtB1W,OAAO2W,UAAYnd,EAAKid,YAAYE,WAAa,YACjD3W,OAAO4W,UAAYpd,EAAKid,YAAYG,WAAa,YACjD5W,OAAO6W,UAAYrd,EAAKid,YAAYI,WAAa,OAEjD7W,OAAO8W,eAAiBtd,EAAKkd,eAAeI,oBAC5C9W,OAAO+W,eAAiBvd,EAAKkd,eAAeK,oBAE5C/W,OAAO+Q,iBAAmBvX,EAAKuX,sJAK/BlH,WNpCsB,QMqCtBC,YNrCsB,+CMyCpBlF,2DADSiC,KAAKtN,KACCsN,KAAKjW,uDAIpB0U,2DADcuB,KAAKtN,wCAItBiR,gEACCwM,iBACFxM,QACEyM,oBAAoBpQ,KAAKqQ,gBAA+B,SAAdrQ,KAAKjW,kDAIhDic,GAAIhG,KAAKqC,MACTrE,EAASgC,KAAKtN,KAAKsL,SACrBC,cAAgBD,EAAOnT,SAEvBylB,UAAYtQ,KAAK5R,MAAO4X,EAAE/H,gBAE1BsS,QAAUvK,EAAEsK,UAAU,IAMtBE,cACOxS,YACGA,EAAO5O,IAAI,SAAC7E,EAAG8E,SACzB/E,GAAS0b,EAAEuK,QAAUlhB,EAAI2W,EAAEsK,0DAKVG,MACb1T,GAAOX,GAAmBqU,yDADa,SAEvClT,EAAkByC,KAAKhU,OAASoR,GAAcL,GAC9C2T,EAAiBzT,GAAgBF,GAAQQ,EACzCxR,EAAWiU,KAAKhU,OAAU8Q,GAAaC,GAAQ2T,OAEhDrO,MAAM/E,cACFP,YACGA,EAAK3N,IAAI,kBAAKrD,GAAWxB,EAAIgT,oBACvBA,WACPxR,GAIXiU,KAAK2Q,yBACAC,qBACAC,8DAID7K,GAAIhG,KAAKqC,MACTyO,EAAW,kBAAUzU,GAAOjN,IAAI,kBAAOiO,IAAMjN,EAAK4V,EAAE1I,YAEtDY,SAAW8B,KAAKtN,KAAKwL,SAAS9O,IAAI,SAAC7E,EAAG8E,MACnCgN,GAAS9R,EAAE8R,OACX0U,EAAexmB,EAAEwmB,6BAEdxmB,EAAEqO,WACDvJ,YACI9E,EAAE8T,iBAELhC,aACIyU,EAASzU,gBAEP0U,iBACED,EAASC,iDAMvB/K,GAAIhG,KAAKqC,SACVrC,KAAK0P,WAAWsB,sBAChBC,UAAYjL,EAAE9H,SAAS8H,EAAE9H,SAASrT,OAAS,GAAGqmB,kBAG/CD,UAAY,GAAIlmB,OAAMib,EAAE/H,eAAe/S,KAAK,QAC5CgT,SAAS9O,IAAI,SAAC7E,EAAG8E,KAChBga,WAAWja,IAAI,SAAC2E,EAAK3J,GACnB2J,EAAMiS,EAAEiL,UAAU7mB,OAClB6mB,UAAU7mB,GAAK2J,iDAOhBiS,GAAIhG,KAAKqC,KACVrC,MAAKtN,KAAKkM,gBACPyD,MAAMzD,SAAWoB,KAAKtN,KAAKkM,SAASxP,IAAI,qBAC1CqZ,SAAWpL,GAAM9S,EAAEiN,MAAOwO,EAAE1I,OAC1B/S,EAAE0I,MAAMoD,SAAS,SAClBpD,OAAS,KAAO1I,EAAEiN,OAEdjN,KAGNyV,KAAKtN,KAAK6L,gBACP8D,MAAM9D,SAAWyB,KAAKtN,KAAK6L,SAASnP,IAAI,qBAC1CxE,MAAQyS,GAAM9S,EAAEK,MAAOob,EAAE1I,SACzBkB,IAAMnB,GAAM9S,EAAEiU,IAAKwH,EAAE1I,OAChB/S,0DAOLqI,EAAM,YAEPoN,KAAK0P,WAAWsB,QAAS,GACrB,kBACFG,GAAa,GAAIpmB,OAAMiV,KAAKqC,MAAMpE,eAAe/S,KAAK,QACrDwH,KAAKwL,SAAS9O,IAAI,SAAC7E,EAAG8E,MACtBgN,GAASkE,EAAK7N,KAAKwL,SAAS7O,GAAGgN,SACjCzJ,GAAOue,EAAaA,EAAW/hB,IAAI,SAAC8U,EAAG7U,SAAM6U,GAAI7H,EAAOhN,oBAIlDlE,kBAAU6U,KAAKtN,KAAKwL,SAAS9O,IAAI,kBAAK7E,GAAEqI,4DAK9CoG,IAEF,cAEOgH,KAAK7G,OAAO4W,gBACX/P,KAAK5R,OAGb,iBACQ4R,MAAKqC,MAAM/E,OACjB2H,KAAKjF,QAIP,cAEOA,KAAK7G,OAAO2W,iBACV9P,KAAKhU,QAGd,cACKga,GAAIhG,KAAKqC,eACXmO,MAAM1H,WAAajK,GAAmBmB,KAAK5R,MAC5C4X,EAAEwK,MAAMxS,OAAQgC,KAAK7G,OAAO6W,WAEtBhK,EAAEwK,OACRvL,KAAKjF,QAIP,kBAEQA,KAAK5R,UACP,SAEN,iBACQ4R,MAAKqC,MAAM9D,UACjB0G,KAAKjF,QAILoR,EAAcpR,KAAKqC,MAAMnE,SAASjF,OAAO,kBAAqB,QAAhB1O,EAAE8T,YAChDgT,EAAerR,KAAKqC,MAAMnE,SAASjF,OAAO,kBAAqB,SAAhB1O,EAAE8T,YAEjDiT,EAAcF,EAAYhiB,IAAI,eAC7BkF,GAAQ/J,EAAE+J,aAEb,YAAmB/J,EAAE+J,aAEbA,QACAqS,EAAKjQ,OAAOpC,WACVqS,EAAK+I,WAAWsB,yBAGPrK,EAAKxN,OAAO+Q,2BNtNG,IMuNtBvD,EAAK3a,QAEjB,cACKga,GAAIhG,KAAKqC,MACT9X,EAAIyb,EAAE9H,SAAS5J,GACf0c,EAAUhR,KAAK0P,WAAWsB,QAE1BO,EAAavR,KAAK0P,WAAW6B,YN/ND,GMgO5B9H,EAAYzD,EAAEsK,WAAa,EAAIiB,GAC/BhI,EAAWE,GAAWuH,EAAU,EAAII,EAAYvmB,QAEhDye,EAAatD,EAAEwK,MAAMhI,UAAUpZ,IAAI,kBAAKjB,GAAIsb,EAAU,GACtDuH,OACU1H,EAAWla,IAAI,kBAAKoiB,GAAIjI,EAAWjV,QAG7C0J,GAAS,GAAIjT,OAAMib,EAAE/H,eAAe/S,KAAK,GAC1C8U,MAAKkK,qBACJ8G,GAAWzmB,EAAE+J,QAAU0R,EAAE9H,SAASrT,OAAS,EACpCN,EAAEwmB,aAEFxmB,EAAE8R,WAITmN,GAAU,GAAIze,OAAMib,EAAE/H,eAAe/S,KAAK,SAC3C8lB,OACQzmB,EAAE8e,WAAWja,IAAI,SAACnD,EAAG7B,SAAM6B,GAAI1B,EAAE2mB,eAAe9mB,kBAI9Ckf,aACA/e,EAAE8e,mBACLG,SAEDxL,WAEEgI,EAAE1I,MAAMvR,mBACP0d,WACDF,IAEVtE,WAIAwM,EAAcJ,EAAajiB,IAAI,eAC9BkF,GAAQ/J,EAAE+J,aAEb,aAAoB/J,EAAE+J,aAEdA,QACAqS,EAAKjQ,OAAOpC,WACVqS,EAAK1R,iBACJ0R,EAAKgJ,YAAY5a,oBACf4R,EAAKgJ,YAAYza,oBACnByR,EAAKgJ,YAAY1F,kBACjBtD,EAAKgJ,YAAY3F,0BAGTrD,EAAKxN,OAAO+Q,kBAE/B,cACKlE,GAAIhG,KAAKqC,MACT9X,EAAIyb,EAAE9H,SAAS5J,qBAGN0R,EAAEwK,MAAMhI,qBACRje,EAAE8e,kBAEN9e,EAAE8R,gBAEA2J,EAAE1I,MAAMvR,gBACViU,KAAK2P,YAAY+B,SN7RI,IM+R7BzM,WAIA0M,IAEF,kBAEQ3R,KAAK5R,UACP,SAEN,iBACQ4R,MAAKqC,MAAMzD,UACjBqG,KAAKjF,UAIUhH,EAAiB7N,OAAOmmB,EAAaG,EAAaE,MAEjEC,IAAa,WAAY,iBACxBC,2BAEAxO,WAAa,GAAIC,KAAItK,EACxBC,OAAO,mBAAS2Y,EAAUvb,SAAS1D,EAAK,KAAOgU,EAAKtE,MAAM1P,EAAK,MAC/DvD,IAAI,eACAgc,GAAYzS,kBAAgBhG,WAC7BA,EAAK,GAAG0D,SAAS,cAAgB1D,EAAK,GAAG0D,SAAS,gBAC/Cwb,mBAAmBpiB,KAAK2b,IAEtBzY,EAAK,GAAIyY,4DAMd7H,aAAanD,iBAAiB,YAAa,SAACkF,MAC5CpV,GAAI/H,EAAUod,EAAKhC,cACnBuO,EAAOxM,EAAEmG,MAAQvb,EAAEvH,KAAO4c,EAAKvC,UACxBsC,GAAEoG,MAAQxb,EAAE3H,IAAMgd,EAAKxC,WAExBwC,EAAKvZ,OAA2B,EAAlBuZ,EAAKxC,aACvBgP,oBAAoBD,KAEpBrO,IAAIxD,wDAKQ6R,cACf9L,EAAIhG,KAAKqC,SACT2D,EAAEiL,cAEFe,GAAShM,EAAEwK,MAAMxS,MAClBgC,MAAKiQ,gBAAkBjQ,KAAKiQ,eAAe+B,EAAO,QAC3CA,EAAO5iB,IAAI,kBAAG4Z,GAAKiH,eAAe1lB,UAKxC,GAFA0nB,GAAUjS,KAAKkQ,gBAAkBlQ,KAAKkQ,eAAelQ,KAAK/T,EAAE,GAAGoQ,OAAO,IAElEhN,EAAE2W,EAAE/H,cAAgB,EAAG5O,GAAK,EAAIA,IAAK,IACxC6iB,GAAOlM,EAAEwK,MAAMhI,UAAUnZ,MAE1ByiB,EAAOI,EAAOlM,EAAEsK,UAAU,EAAG,IAC3BniB,GAAI+jB,EAAOlS,KAAKgD,WAChB/W,EAAI+Z,EAAEiL,UAAU5hB,GAAK2Q,KAAK+C,WAE1B1G,EAAS2D,KAAKtN,KAAKwL,SAAS9O,IAAI,SAACkR,EAAKlW,gBAEjCkW,EAAIJ,YACJ+R,EAAUjJ,EAAKkH,eAAe5P,EAAIjE,OAAOhN,IAAMiR,EAAIjE,OAAOhN,SAC1D2Z,EAAKtS,OAAOtM,WAIhBqZ,IAAIkE,UAAUxZ,EAAGlC,EAAG+lB,EAAO3iB,GAAI,GAAIgN,QACnCoH,IAAImE,mEAOR5H,MAAKmS,oBACFA,cAAclO,QAAQ,eACtB/T,GAAI4F,EAAEqL,UACR5Q,WAAWkI,YAAYvI,UAItBiiB,cAAgBnS,KAAK6R,mBAAmBziB,IAAI,wBAEzC8U,EAAEiF,qBACCxS,SACFuN,EAAEkF,aAIoBzS,KAA5BqJ,KAAKqC,MAAM+P,oBACR/P,MAAM+P,aAAepS,KAAKqC,MAAMpE,cAAgB,QAIjDkU,cAAc/iB,IAAI,eAClBijB,GAAc9nB,EAAE6e,MAAMkJ,EAAKjQ,MAAM+P,gBACnCjR,QAAUF,GAAY1W,EAAER,MAAMsoB,KAC3BlO,SAAS9T,YAAY9F,EAAE4W,yDAM1BnB,KAAKmS,oBACFA,cAAclO,QAAQ,eACtB/T,GAAI4F,EAAEqL,UACR5Q,WAAWkI,YAAYvI,2DAOtBmB,OAAO+O,iBAAiB,cAAe,SAACkF,KACvClE,oDAIGmR,4DAUJJ,cAAc/iB,IAAI,eAClBijB,GAAc9nB,EAAE6e,MAAMoJ,EAAKnQ,MAAM+P,iBACvB7nB,EAAER,MAAMsoB,EAAa9nB,EAAE4W,sDAKjCsR,oBAAoBzS,KAAKqC,MAAM+P,aAAe,+CAI9CK,oBAAoBzS,KAAKqC,MAAM+P,aAAe,8GAGjCpS,KAAKqC,MAAM+P,0DAcV9d,MACf0R,GAAIhG,KAAKqC,SACLzM,SAAStB,IACN,IAAGA,EAAQ,GACnBA,GAAS0R,EAAEwK,MAAMxS,OAAOnT,SAAQyJ,EAAQ0R,EAAEwK,MAAMxS,OAAOnT,OAAS,GAChEyJ,IAAU0R,EAAEoM,iBACbA,aAAe9d,IACZ0L,KAAK3O,OAAQ,cAAe2O,KAAK0S,sDAK1Bzf,EAAO0f,MAAere,0DAAM0L,KAAKqC,MAAMpE,0GAChChL,EAAO0f,EAAere,QACpC5B,KAAKsL,OAAO4U,OAAOte,EAAO,EAAGrB,QAC7BP,KAAKwL,SAAS9O,IAAI,SAAC7E,EAAG8E,KACxBgN,OAAOuW,OAAOte,EAAO,EAAGqe,EAActjB,WAEpCgV,OAAOrE,KAAKtN,mDAGF4B,0DAAQ0L,KAAKqC,MAAMpE,cAAc,iGAC1B3J,QACjB5B,KAAKsL,OAAO4U,OAAOte,EAAO,QAC1B5B,KAAKwL,SAAS9O,IAAI,cACpBiN,OAAOuW,OAAOte,EAAO,UAEnB+P,OAAOrE,KAAKtN,4CAGJigB,MAAere,0DAAM,OAC7B5B,KAAKwL,SAAS5J,GAAO+H,OAASsW,OAC9BtO,OAAOrE,KAAKtN,aAxeoBiP,IRFjCvC,eAEOwH,WACHqF,OACJ7B,IAuBexT,GACpB,WAAYvF,EAAQ+B,qBACZ8L,GAAe9L,EAAQrJ,KAAMsH,EAAQ+B"}
\ No newline at end of file
+{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/objects/ChartComponents.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","// 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\nexport function getMonthName(i) {\n\tlet monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t];\n\treturn monthNames[i];\n}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                                                                            \n\t\t\t\t
                                                                                                                                            `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 50;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                                                                            ${this.title}
                                                                                                                                            \n\t\t\t\t
                                                                                                                                            ${this.subtitle}
                                                                                                                                            \n\t\t\t\t
                                                                                                                                            \n\t\t\t\t
                                                                                                                                            `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.renderLegend();\n\t\t}\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.statsWrapper.textContent = '';\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet xValues = s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${xValues[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.chartWrapper), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.chartWrapper.addEventListener('mousemove', this.mouseMove);\n\t\tthis.chartWrapper.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legendColors = (options.legendColors || []).slice(0, 5);\n\t\tthis.legendColors = this.validate_colors(legendColors)\n\t\t\t? legendColors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = 10;\n\t\tthis.translateY = 10;\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.firstWeekStart = new Date(this.start.toDateString());\n\t\tthis.lastWeekStart = new Date(this.today.toDateString());\n\t\tif(this.firstWeekStart.getDay() !== 7) {\n\t\t\taddDays(this.firstWeekStart, (-1) * this.firstWeekStart.getDay());\n\t\t}\n\t\tif(this.lastWeekStart.getDay() !== 7) {\n\t\t\taddDays(this.lastWeekStart, (-1) * this.lastWeekStart.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\n\t\tthis.container.querySelector('.title').style.display = 'None';\n\t\tthis.container.querySelector('.sub-title').style.display = 'None';\n\t\tthis.container.querySelector('.graph-stats-container').style.display = 'None';\n\t\tthis.chartWrapper.style.marginTop = '0px';\n\t\tthis.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet dataValues = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(dataValues, this.distribution_size);\n\n\t\tthis.monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet currentWeekSunday = new Date(this.firstWeekStart);\n\t\tthis.weekCol = 0;\n\t\tthis.currentMonth = currentWeekSunday.getMonth();\n\n\t\tthis.months = [this.currentMonth + ''];\n\t\tthis.monthWeeks = {}, this.monthStartPoints = [];\n\t\tthis.monthWeeks[this.currentMonth] = 0;\n\t\tthis.monthStartPoints.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet dataGroup, monthChange = 0;\n\t\t\tlet day = new Date(currentWeekSunday);\n\n\t\t\t[dataGroup, monthChange] = this.get_week_squares_group(day, this.weekCol);\n\t\t\tthis.dataGroups.appendChild(dataGroup);\n\t\t\tthis.weekCol += 1 + parseInt(this.discreteDomains && monthChange);\n\t\t\tthis.monthWeeks[this.currentMonth]++;\n\t\t\tif(monthChange) {\n\t\t\t\tthis.currentMonth = (this.currentMonth + 1) % 12;\n\t\t\t\tthis.months.push(this.currentMonth + '');\n\t\t\t\tthis.monthWeeks[this.currentMonth] = 1;\n\t\t\t}\n\t\t\taddDays(currentWeekSunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(currentDate, index) {\n\t\tconst noOfWeekdays = 7;\n\t\tconst squareSide = 10;\n\t\tconst cellPadding = 2;\n\t\tconst step = 1;\n\t\tconst todayTime = this.today.getTime();\n\n\t\tlet monthChange = 0;\n\t\tlet weekColChange = 0;\n\n\t\tlet dataGroup = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < noOfWeekdays; i += step, y += (squareSide + cellPadding)) {\n\t\t\tlet dataValue = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet currentTimestamp = currentDate.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(currentTimestamp - (currentTimestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdataValue = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdataValue = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(dataValue) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(dataValue, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + weekColChange) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(currentDate),\n\t\t\t\t'data-value': dataValue,\n\t\t\t\t'data-day': currentDate.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, squareSide,\n\t\t\t\tthis.legendColors[colorIndex], dataAttr);\n\n\t\t\tdataGroup.appendChild(heatSquare);\n\n\t\t\tlet nextDate = new Date(currentDate);\n\t\t\taddDays(nextDate, 1);\n\t\t\tif(nextDate.getTime() > todayTime) break;\n\n\n\t\t\tif(nextDate.getMonth() - currentDate.getMonth()) {\n\t\t\t\tmonthChange = 1;\n\t\t\t\tif(this.discreteDomains) {\n\t\t\t\t\tweekColChange = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.monthStartPoints.push(13 + (index + weekColChange) * 12);\n\t\t\t}\n\t\t\tcurrentDate = nextDate;\n\t\t}\n\n\t\treturn [dataGroup, monthChange];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.firstWeekStart.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.monthStartPoints.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.monthStartPoints.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.monthStartPoints.shift();\n\t\tthis.months.pop();\n\t\tthis.monthStartPoints.pop();\n\n\t\tthis.monthStartPoints.map((start, i) => {\n\t\t\tlet month_name =  this.monthNames[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.monthNames[parseInt(dateParts[1])-1].substring(0, 3);\n\n\t\t\t\tlet gOff = this.chartWrapper.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { $, getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tthis.statsWrapper.textContent = '';\n\n\t\tif(s.datasets.length > 1) {\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${d.name}\n\t\t\t\t`;\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","INIT_CHART_UPDATE_TIMEOUT","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","initTimeout","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","textContent","legendTotals","xValues","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discreteDomains","countLabel","today","legendColors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","firstWeekStart","toDateString","lastWeekStart","getDay","no_of_cols","domainLabelGroup","dataGroups","display","dataValues","monthNames","renderAllWeeksAndStoreXValues","no_of_weeks","currentWeekSunday","weekCol","currentMonth","months","monthWeeks","monthStartPoints","dataGroup","monthChange","day","get_week_squares_group","render_month_labels","currentDate","todayTime","getTime","weekColChange","squareSide","dataValue","colorIndex","currentTimestamp","timestamp","round","dataAttr","heatSquare","nextDate","shift","pop","substring","prototype","call","querySelectorAll","dateParts","month","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","_this6","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/index.js b/docs/assets/js/index.js
index a1911ac..f80e224 100755
--- a/docs/assets/js/index.js
+++ b/docs/assets/js/index.js
@@ -1,76 +1,100 @@
 // Composite Chart
 // ================================================================================
-let report_count_list = [17, 40, 33, 44, 126, 156,
-	324, 333, 478, 495, 527];
+let reportCountList = [152, 222, 199, 287, 534, 709,
+	1179, 1256, 1632, 1856, 1850];
 
-let bar_composite_data = {
+let lineCompositeData = {
 	labels: ["2007", "2008", "2009", "2010", "2011", "2012",
 		"2013", "2014", "2015", "2016", "2017"],
 
 	yMarkers: [
 		{
-			label: "Marker 1",
-			value: 420,
-		},
-		{
-			label: "Marker 2",
-			value: 250,
+			label: "Average 100 reports/month",
+			value: 1200,
 		}
 	],
 
-	yRegions: [
-		{
-			label: "Region Y 1",
-			start: 100,
-			end: 300
-		},
-	],
-
 	datasets: [{
 		"name": "Events",
-		"values": report_count_list,
-		// "formatted": report_count_list.map(d => d + " reports")
+		"values": reportCountList
 	}]
 };
 
-let line_composite_data = {
-	labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-	datasets: [{
-		"values": [37, 36, 32, 33, 12, 34, 52, 45, 58, 57, 64, 35],
-		// "values": [36, 46, 45, 32, 27, 31, 30, 36, 39, 49, 40, 40],
-		// "values": [-36, -46, -45, -32, -27, -31, -30, -36, -39, -49, -40, -40],
-	}]
-};
 
-let more_line_data = [
-	[4, 0, 3, 1, 1, 2, 1, 2, 1, 0, 1, 1],
+let fireball_5_25 = [
+	[4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1],
+	[2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4],
+	[5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1],
+	[0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8],
+	[6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11],
+	[7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20],
+	[13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29],
+	[24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18],
+	[31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24],
+	[32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32],
+	[31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50],
+];
+let fireball_2_5 = [
+	[22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20],
+	[11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24],
+	[20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9],
+	[7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33],
+	[38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53],
+	[50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69],
+	[54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87],
+	[84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93],
+	[73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89],
+	[106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156],
+	[81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171],
+];
+let fireballOver25 = [
 	// [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
-	[2, 3, 3, 2, 1, 4, 0, 1, 2, 7, 11, 4],
-	[7, 7, 2, 4, 0, 1, 5, 3, 1, 2, 0, 1],
-	[0, 2, 6, 2, 2, 1, 2, 3, 6, 3, 7, 10],
-	[9, 10, 8, 10, 6, 5, 8, 8, 24, 15, 10, 13],
-	[9, 13, 16, 9, 4, 5, 7, 10, 14, 22, 23, 24],
-	[20, 22, 28, 19, 28, 19, 14, 19, 51, 37, 29, 38],
-	[29, 20, 22, 16, 16, 19, 24, 26, 57, 31, 46, 27],
-	[36, 24, 38, 27, 15, 22, 24, 38, 32, 57, 139, 26],
-	[37, 36, 32, 33, 12, 34, 52, 45, 58, 57, 64, 35],
-	[36, 46, 45, 32, 27, 31, 30, 36, 39, 58, 82, 62],
-	// [36, 46, 45, 32, 27, 31, 30, 36, 39, 49, 40, 40]
-	// [-36, -46, -45, -32, -27, -31, -30, -36, -39, -49, -40, -40]
+	[0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0],
+	[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0],
+	[1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0],
+	[0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2],
+	[3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1],
+	[2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4],
+	[7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9],
+	[5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9],
+	[5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2],
+	[5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3],
+	[8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12]
 ];
 
+let monthNames = ["January", "February", "March", "April", "May", "June",
+	"July", "August", "September", "October", "November", "December"];
+
+let barCompositeData = {
+	labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+	datasets: [
+		{
+			name: "Over 25 reports",
+			values: fireballOver25[9],
+		},
+		{
+			name: "5 to 25 reports",
+			values: fireball_5_25[9],
+		},
+		{
+			name: "2 to 5 reports",
+			values: fireball_2_5[9]
+		}
+	]
+};
+
 let c1 = document.querySelector("#chart-composite-1");
 let c2 = document.querySelector("#chart-composite-2");
 
-let bar_composite_chart = new Chart (c1, {
+let lineCompositeChart = new Chart (c1, {
 	title: "Fireball/Bolide Events - Yearly (reported)",
-	data: bar_composite_data,
+	data: lineCompositeData,
 	type: 'line',
-	height: 180,
+	height: 190,
 	colors: ['green'],
 	isNavigable: 1,
 	isSeries: 1,
-	// valuesOverPoints: 1,
+	valuesOverPoints: 1,
 
 	lineOptions: {
 		dotSize: 8
@@ -79,25 +103,33 @@ let bar_composite_chart = new Chart (c1, {
 	// regionFill: 1
 });
 
-let line_composite_chart = new Chart (c2, {
-	data: line_composite_data,
+let barCompositeChart = new Chart (c2, {
+	data: barCompositeData,
 	type: 'bar',
-	height: 180,
-	colors: ['#46a9f9'],
+	height: 190,
+	colors: ['violet', 'light-blue', '#46a9f9'],
 	isSeries: 1,
 	valuesOverPoints: 1,
-	xAxisMode: 'tick'
+	axisOptions: {
+		xAxisMode: 'tick'
+	},
+	barOptions: {
+		stacked: 1
+	},
 
 });
 
-bar_composite_chart.parent.addEventListener('data-select', (e) => {
-	line_composite_chart.updateDataset(more_line_data[e.index]);
+lineCompositeChart.parent.addEventListener('data-select', (e) => {
+	let i = e.index;
+	barCompositeChart.updateDatasets([
+		fireballOver25[i], fireball_5_25[i], fireball_2_5[i]
+	]);
 });
 
 
 // Demo Chart (bar, linepts, scatter(blobs), percentage)
 // ================================================================================
-let type_data = {
+let typeData = {
 	labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
 		"12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],
 
@@ -166,15 +198,13 @@ let type_data = {
 	]
 };
 
-let type_chart = new Chart("#chart-types", {
-	// title: "My Awesome Chart",
-	data: type_data,
+let typeChart = new Chart("#chart-types", {
+	title: "My Awesome Chart",
+	data: typeData,
 	type: 'bar',
 	height: 250,
 	colors: ['purple', 'magenta', 'light-blue'],
 	isSeries: 1,
-	xAxisMode: 'tick',
-	yAxisMode: 'span',
 	valuesOverPoints: 1,
 	// maxLegendPoints: 6,
 	// maxSlices: 3,
@@ -184,86 +214,45 @@ let type_chart = new Chart("#chart-types", {
 	},
 	tooltipOptions: {
 		formatTooltipX: d => (d + '').toUpperCase(),
-		formatTooltipY: d => d + ' pts'
+		formatTooltipY: d => d + ' pts',
 	}
 });
 
-Array.prototype.slice.call(
-	document.querySelectorAll('.chart-type-buttons button')
-).map(el => {
-	el.addEventListener('click', (e) => {
-		let btn = e.target;
-		let type = btn.getAttribute('data-type');
 
-		let newChart = type_chart.getDifferentChart(type);
-		if(newChart){
-			type_chart = newChart;
-		}
-		Array.prototype.slice.call(
-			btn.parentNode.querySelectorAll('button')).map(el => {
-			el.classList.remove('active');
-		});
-		btn.classList.add('active');
-	});
-});
 
-// Trends Chart
-// ================================================================================
-let trends_data = {
-	labels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976,
-		1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986,
-		1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996,
-		1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,
-		2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] ,
-	datasets: [
-		{
-			"values": [132.9, 150.0, 149.4, 148.0,  94.4,  97.6,  54.1,  49.2,  22.5, 18.4,
-				39.3, 131.0, 220.1, 218.9, 198.9, 162.4,  91.0,  60.5,  20.6,  14.8,
-				33.9, 123.0, 211.1, 191.8, 203.3, 133.0,  76.1,  44.9,  25.1,  11.6,
-				28.9,  88.3, 136.3, 173.9, 170.4, 163.6,  99.3,  65.3,  45.8,  24.7,
-				12.6,   4.2,   4.8,  24.9,  80.8,  84.5,  94.0, 113.3,  69.8,  39.8]
-		}
-	]
-};
 
-let plotChartArgs = {
-	title: "Mean Total Sunspot Count - Yearly",
-	data: trends_data,
-	type: 'line',
+// Aggregation chart
+// ================================================================================
+let aggrChart = new Chart("#chart-aggr", {
+	data: typeData,
+	type: 'pie',
 	height: 250,
-	colors: ['blue'],
+	colors: ['purple', 'magenta', 'light-blue'],
 	isSeries: 1,
-	lineOptions: {
-		hideDots: 1,
-		heatline: 1,
+
+	maxLegendPoints: 6,
+	maxSlices: 10,
+
+	barOptions: {
+		stacked: 1
 	},
-	axisOptions: {
-		xAxisMode: 'tick',
-		yAxisMode: 'span',
-		xIsSeries: 1
+	tooltipOptions: {
+		formatTooltipX: d => (d + '').toUpperCase(),
+		formatTooltipY: d => d + ' pts',
 	}
-};
-
-new Chart("#chart-trends", plotChartArgs);
+});
 
 Array.prototype.slice.call(
-	document.querySelectorAll('.chart-plot-buttons button')
+	document.querySelectorAll('.aggr-type-buttons button')
 ).map(el => {
 	el.addEventListener('click', (e) => {
 		let btn = e.target;
 		let type = btn.getAttribute('data-type');
-		let config = {};
-		config[type] = 1;
 
-		if(['regionFill', 'heatline'].includes(type)) {
-			config.hideDots = 1;
+		let newChart = aggrChart.getDifferentChart(type);
+		if(newChart){
+			aggrChart = newChart;
 		}
-
-		// plotChartArgs.init = false;
-		plotChartArgs.lineOptions = config;
-
-		new Chart("#chart-trends", plotChartArgs);
-
 		Array.prototype.slice.call(
 			btn.parentNode.querySelectorAll('button')).map(el => {
 			el.classList.remove('active');
@@ -337,6 +326,71 @@ chart_update_buttons.querySelector('[data-update="remove"]').addEventListener("c
 	update_chart.removeDataPoint();
 });
 
+// Trends Chart
+// ================================================================================
+let trends_data = {
+	labels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976,
+		1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986,
+		1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996,
+		1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,
+		2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] ,
+	datasets: [
+		{
+			values: [132.9, 150.0, 149.4, 148.0,  94.4,  97.6,  54.1,  49.2,  22.5, 18.4,
+				39.3, 131.0, 220.1, 218.9, 198.9, 162.4,  91.0,  60.5,  20.6,  14.8,
+				33.9, 123.0, 211.1, 191.8, 203.3, 133.0,  76.1,  44.9,  25.1,  11.6,
+				28.9,  88.3, 136.3, 173.9, 170.4, 163.6,  99.3,  65.3,  45.8,  24.7,
+				12.6,   4.2,   4.8,  24.9,  80.8,  84.5,  94.0, 113.3,  69.8,  39.8]
+		}
+	]
+};
+
+let plotChartArgs = {
+	title: "Mean Total Sunspot Count - Yearly",
+	data: trends_data,
+	type: 'line',
+	height: 250,
+	colors: ['blue'],
+	isSeries: 1,
+	lineOptions: {
+		hideDots: 1,
+		heatline: 1,
+	},
+	axisOptions: {
+		xAxisMode: 'tick',
+		yAxisMode: 'span',
+		xIsSeries: 1
+	}
+};
+
+new Chart("#chart-trends", plotChartArgs);
+
+Array.prototype.slice.call(
+	document.querySelectorAll('.chart-plot-buttons button')
+).map(el => {
+	el.addEventListener('click', (e) => {
+		let btn = e.target;
+		let type = btn.getAttribute('data-type');
+		let config = {};
+		config[type] = 1;
+
+		if(['regionFill', 'heatline'].includes(type)) {
+			config.hideDots = 1;
+		}
+
+		// plotChartArgs.init = false;
+		plotChartArgs.lineOptions = config;
+
+		new Chart("#chart-trends", plotChartArgs);
+
+		Array.prototype.slice.call(
+			btn.parentNode.querySelectorAll('button')).map(el => {
+			el.classList.remove('active');
+		});
+		btn.classList.add('active');
+	});
+});
+
 
 // Event chart
 // ================================================================================
@@ -398,28 +452,24 @@ events_chart.parent.addEventListener('data-select', (e) => {
 	data_div.querySelector('img').src = "./assets/img/" + name.toLowerCase() + ".jpg";
 });
 
-// Aggregation chart
-// ================================================================================
-
-
 // Heatmap
 // ================================================================================
 
-let heatmap_data = {};
+let heatmapData = {};
 let current_date = new Date();
 let timestamp = current_date.getTime()/1000;
 timestamp = Math.floor(timestamp - (timestamp % 86400)).toFixed(1); // convert to midnight
 for (var i = 0; i< 375; i++) {
-	heatmap_data[parseInt(timestamp)] = Math.floor(Math.random() * 5);
+	heatmapData[parseInt(timestamp)] = Math.floor(Math.random() * 5);
 	timestamp = Math.floor(timestamp - 86400).toFixed(1);
 }
 
 new Chart("#chart-heatmap", {
-	data: heatmap_data,
+	data: heatmapData,
 	type: 'heatmap',
-	legend_scale: [0, 1, 2, 4, 5],
+	legendScale: [0, 1, 2, 4, 5],
 	height: 115,
-	discrete_domains: 1
+	discreteDomains: 1
 });
 
 Array.prototype.slice.call(
@@ -428,10 +478,10 @@ Array.prototype.slice.call(
 	el.addEventListener('click', (e) => {
 		let btn = e.target;
 		let mode = btn.getAttribute('data-mode');
-		let discrete_domains = 0;
+		let discreteDomains = 0;
 
 		if(mode === 'discrete') {
-			discrete_domains = 1;
+			discreteDomains = 1;
 		}
 
 		let colors = [];
@@ -443,12 +493,12 @@ Array.prototype.slice.call(
 		}
 
 		new Chart("#chart-heatmap", {
-			data: heatmap_data,
+			data: heatmapData,
 			type: 'heatmap',
-			legend_scale: [0, 1, 2, 4, 5],
+			legendScale: [0, 1, 2, 4, 5],
 			height: 115,
-			discrete_domains: discrete_domains,
-			legend_colors: colors
+			discreteDomains: discreteDomains,
+			legendColors: colors
 		});
 
 		Array.prototype.slice.call(
@@ -471,22 +521,22 @@ Array.prototype.slice.call(
 			colors = ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'];
 		}
 
-		let discrete_domains = 1;
+		let discreteDomains = 1;
 
 		let view_mode = document
 			.querySelector('.heatmap-mode-buttons .active')
 			.getAttribute('data-mode');
 		if(view_mode === 'continuous') {
-			discrete_domains = 0;
+			discreteDomains = 0;
 		}
 
 		new Chart("#chart-heatmap", {
-			data: heatmap_data,
+			data: heatmapData,
 			type: 'heatmap',
-			legend_scale: [0, 1, 2, 4, 5],
+			legendScale: [0, 1, 2, 4, 5],
 			height: 115,
-			discrete_domains: discrete_domains,
-			legend_colors: colors
+			discreteDomains: discreteDomains,
+			legendColors: colors
 		});
 
 		Array.prototype.slice.call(
diff --git a/docs/index.html b/docs/index.html
index fc05a6c..2adda90 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -44,67 +44,51 @@
 
           
                                                                                                                                            
             
                                                                                                                                            
-              
                                                                                                                                            
-                
-                Create a chart
-              
                                                                                                                                            
-              
                                                                                                                                            Install
                                                                                                                                            
-              
                                                                                                                                              npm install frappe-charts
                                                                                                                                            
-              
                                                                                                                                            And include it in your project
                                                                                                                                            
-              
                                                                                                                                              import Chart from "frappe-charts/dist/frappe-charts.min.esm"
                                                                                                                                            
-              
                                                                                                                                            ... or include it directly in your HTML
                                                                                                                                            
-              
                                                                                                                                              <script src="https://unpkg.com/frappe-charts@0.0.8/dist/frappe-charts.min.iife.js"></script>
                                                                                                                                            
-              
                                                                                                                                            Make a new Chart
                                                                                                                                            
+              
                                                                                                                                            Create a chart
                                                                                                                                            
               
                                                                                                                                              <!--HTML-->
   <div id="chart"></div>
                                                                                                                                            
               
                                                                                                                                              // Javascript
-  let data = {
-    labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
+  let chart = new Chart( "#chart", { // or DOM element
+    data: {
+      labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
       "12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],
 
-    datasets: [
-      {
-        label: "Some Data",
-        values: [25, 40, 30, 35, 8, 52, 17, -4]
-      },
-      {
-        label: "Another Set",
-        values: [25, 50, -10, 15, 18, 32, 27, 14]
-      },
-      {
-        label: "Yet Another",
-        values: [15, 20, -3, -15, 58, 12, -17, 37]
-      }
-    ]
-  };
+      datasets: [
+        {
+          label: "Some Data", type: 'bar',
+          values: [25, 40, 30, 35, 8, 52, 17, -4]
+        },
+        {
+          label: "Another Set", type: 'bar',
+          values: [25, 50, -10, 15, 18, 32, 27, 14]
+        },
+        {
+          label: "Yet Another", type: 'line',
+          values: [15, 20, -3, -15, 58, 12, -17, 37]
+        }
+      ]
+    },
 
-  let chart = new Chart({
-    parent: "#chart", // or a DOM element
     title: "My Awesome Chart",
-    data: data,
-    type: 'bar', // or 'line', 'scatter', 'pie', 'percentage'
+    type: 'axis-mixed', // or 'bar', 'line', 'pie', 'percentage'
     height: 250,
-
-    colors: ['#7cd6fd', 'violet', 'blue'],
-    // hex-codes or these preset colors;
-    // defaults (in order):
-    // ['light-blue', 'blue', 'violet', 'red',
-    // 'orange', 'yellow', 'green', 'light-green',
-    // 'purple', 'magenta', 'grey', 'dark-grey']
-
-    format_tooltip_x: d => (d + '').toUpperCase(),
-    format_tooltip_y: d => d + ' pts'
+    colors: ['#7cd6fd', 'violet', 'blue']
   });
                                                                                                                                            
               
                                                                                                                                            
-              
                                                                                                                                            
+              
+              
                                                                                                                                            
+              
                                                                                                                                            
+                
+                
               
                                                                                                                                            
-              
                                                                                                                                            
+              
             
                                                                                                                                            
           
                                                                                                                                            
 
@@ -113,42 +97,12 @@
               
                                                                                                                                            
                 Update Values
               
                                                                                                                                            
-              
                                                                                                                                              // Update entire datasets
-  chart.updateData(
-    [
-      {values: new_dataset_1_values},
-      {values: new_dataset_2_values}
-    ],
-    new_labels
-  );
-
-  // Add a new data point
-  chart.add_data_point(
-    [new_value_1, new_value_2],
-    new_label,
-    index // defaults to last index
-  );
-
-  // Remove a data point
-  chart.remove_data_point(index);
                                                                                                                                            
               
                                                                                                                                            
               
                                                                                                                                            
                 
                 
                 
               
                                                                                                                                            
-              
                                                                                                                                              ...
-    // Include specific Y values in input data to be displayed as lines
-    // (before passing data to a new chart):
-
-    data.specific_values = [
-      {
-        label: "Altitude",
-        line_type: "dashed", // or "solid"
-        value: 38
-      }
-    ]
-  ...
                                                                                                                                            
             
                                                                                                                                            
           
 
@@ -157,12 +111,6 @@
               
                                                                                                                                            
                 Plot Trends
               
                                                                                                                                            
-              
                                                                                                                                              ...
-    xAxisMode: 'tick',  // for short label ticks
-                          // or 'span' for long spanning vertical axis lines
-    yAxisMode: 'span',  // for long horizontal lines, or 'tick'
-    isSeries: 1,         // to allow for skipping of X values
-  ...
                                                                                                                                            
               
               
                                                                                                                                            
                 
@@ -170,13 +118,13 @@
                 
                 
               
                                                                                                                                            
-              
                                                                                                                                              ...
-    type: 'line',   // Line Chart specific properties:
+              
             
           
 
@@ -204,8 +152,7 @@
                 
               
               
                                                                                                                                              ...
-    type: 'bar',     // Bar Chart specific properties:
-    isNavigable: 1, // Navigate across bars; default 0
+    isNavigable: 1, // Navigate across data points; default 0
   ...
 
   chart.parent.addEventListener('data-select', (e) => {
@@ -214,22 +161,6 @@
             
           
 
-          
                                                                                                                                            
-            
                                                                                                                                            
-              
                                                                                                                                            
-                Simple Aggregations
-              
                                                                                                                                            
-              
                                                                                                                                            
-              
                                                                                                                                            
-                
-                
-              
                                                                                                                                            
-              
                                                                                                                                              chart.show_sums();  // and `hide_sums()`
-
-  chart.show_averages();  // and `hide_averages()`
                                                                                                                                            
-            
                                                                                                                                            
-          
                                                                                                                                            
-
           
                                                                                                                                            
             
                                                                                                                                            
               
                                                                                                                                            
@@ -249,16 +180,16 @@
     parent: "#heatmap",
     type: 'heatmap',
     height: 115,
-    data: heatmap_data,  // object with date/timestamp-value pairs
+    data: heatmapData,  // object with date/timestamp-value pairs
 
-    discrete_domains: 1  // default: 0
+    discreteDomains: 1  // default: 0
 
-    start: start_date,
+    start: startDate,
                   // A Date object;
                   // default: today's date in past year
                   //          for an annual heatmap
 
-    legend_colors: ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'],
+    legendColors: ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c'],
                   // Set of five incremental colors,
                   // beginning with a low-saturation color for zero data;
                   // default: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127']
@@ -267,6 +198,54 @@
             
                                                                                                                                            
           
                                                                                                                                            
 
+          
                                                                                                                                            
+              
                                                                                                                                            
+                
                                                                                                                                            All available options:
                                                                                                                                            
+                
                                                                                                                                              // Javascript
+    let data = {
+      labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
+        "12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],
+
+      datasets: [
+        {
+          label: "Some Data", type: 'bar',
+          values: [25, 40, 30, 35, 8, 52, 17, -4]
+        },
+        {
+          label: "Another Set", type: 'bar',
+          values: [25, 50, -10, 15, 18, 32, 27, 14]
+        },
+        {
+          label: "Yet Another", type: 'line',
+          values: [15, 20, -3, -15, 58, 12, -17, 37]
+        }
+      ]
+    };
+
+    let chart = new Chart( "#chart", { // or DOM element
+      title: "My Awesome Chart",
+      data: data,
+      type: 'axis-mixed', // or 'bar', 'line', 'pie', 'percentage'
+      height: 250,
+      colors: ['#7cd6fd', 'violet', 'blue']
+    });
                                                                                                                                            
+              
                                                                                                                                            
+            
                                                                                                                                            
+
+          
                                                                                                                                            
+            
                                                                                                                                            
+              
                                                                                                                                            Install
                                                                                                                                            
+              
                                                                                                                                            Install via npm
                                                                                                                                            
+              
                                                                                                                                              npm install frappe-charts
                                                                                                                                            
+              
                                                                                                                                            And include it in your project
                                                                                                                                            
+              
                                                                                                                                              import Chart from "frappe-charts/dist/frappe-charts.min.esm"
                                                                                                                                            
+              
                                                                                                                                            ... or include it directly in your HTML
                                                                                                                                            
+              
                                                                                                                                              <script src="https://unpkg.com/frappe-charts@0.0.8/dist/frappe-charts.min.iife.js"></script>
                                                                                                                                            
+
+            
                                                                                                                                            
+          
                                                                                                                                            
+
+
           
                                                                                                                                            
             
                                                                                                                                            
               
diff --git a/src/js/charts/AggregationChart.js b/src/js/charts/AggregationChart.js
index 9c07e60..1e0619f 100644
--- a/src/js/charts/AggregationChart.js
+++ b/src/js/charts/AggregationChart.js
@@ -50,10 +50,11 @@ export default class AggregationChart extends BaseChart {
 	renderLegend() {
 		let s = this.state;
 
+		this.statsWrapper.textContent = '';
+
 		this.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);
 
-		let x_values = this.formatted_labels && this.formatted_labels.length > 0
-			? this.formatted_labels : s.labels;
+		let xValues = s.labels;
 		this.legendTotals.map((d, i) => {
 			if(d) {
 				let stats = $.create('div', {
@@ -62,7 +63,7 @@ export default class AggregationChart extends BaseChart {
 				});
 				stats.innerHTML = `
 					
-					${x_values[i]}:
+					${xValues[i]}:
 					${d}
 				`;
 			}
diff --git a/src/js/charts/AxisChart.js b/src/js/charts/AxisChart.js
index 4a6ef47..745dbb4 100644
--- a/src/js/charts/AxisChart.js
+++ b/src/js/charts/AxisChart.js
@@ -2,11 +2,11 @@ import BaseChart from './BaseChart';
 import { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';
 import { Y_AXIS_MARGIN } from '../utils/constants';
 import { getComponent } from '../objects/ChartComponents';
-import { getOffset, fire } from '../utils/dom';
+import { $, getOffset, fire } from '../utils/dom';
 import { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';
 import { floatTwo } from '../utils/helpers';
 import { makeOverlay, updateOverlay } from '../utils/draw';
-import { MIN_BAR_PERCENT_HEIGHT, DEFAULT_AXIS_CHART_TYPE, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';
+import { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';
 
 export default class AxisChart extends BaseChart {
 	constructor(parent, args) {
@@ -28,7 +28,7 @@ export default class AxisChart extends BaseChart {
 
 		this.config.xAxisMode = args.axisOptions.xAxisMode || 'span';
 		this.config.yAxisMode = args.axisOptions.yAxisMode || 'span';
-		this.config.xIsSeries = args.axisOptions.xIsSeries || 1;
+		this.config.xIsSeries = args.axisOptions.xIsSeries || 0;
 
 		this.config.formatTooltipX = args.tooltipOptions.formatTooltipX;
 		this.config.formatTooltipY = args.tooltipOptions.formatTooltipY;
@@ -88,7 +88,7 @@ export default class AxisChart extends BaseChart {
 			positions: yPts.map(d => zeroLine - d * scaleMultiplier),
 			scaleMultiplier: scaleMultiplier,
 			zeroLine: zeroLine,
-		}
+		};
 
 		// Dependent if above changes
 		this.calcDatasetPoints();
@@ -124,7 +124,7 @@ export default class AxisChart extends BaseChart {
 			return;
 		}
 		s.yExtremes = new Array(s.datasetLength).fill(9999);
-		s.datasets.map((d, i) => {
+		s.datasets.map(d => {
 			d.yPositions.map((pos, j) => {
 				if(pos < s.yExtremes[j]) {
 					s.yExtremes[j] = pos;
@@ -138,9 +138,9 @@ export default class AxisChart extends BaseChart {
 		if(this.data.yMarkers) {
 			this.state.yMarkers = this.data.yMarkers.map(d => {
 				d.position = scale(d.value, s.yAxis);
-				if(!d.label.includes(':')) {
-					d.label += ': ' + d.value;
-				}
+				// if(!d.label.includes(':')) {
+				// 	d.label += ': ' + d.value;
+				// }
 				return d;
 			});
 		}
@@ -170,7 +170,6 @@ export default class AxisChart extends BaseChart {
 	}
 
 	setupComponents() {
-		let s = this.state;
 		let componentConfigs = [
 			[
 				'yAxis',
@@ -243,7 +242,7 @@ export default class AxisChart extends BaseChart {
 					}
 
 					let labels = new Array(s.datasetLength).fill('');
-					if(this.valuesOverPoints) {
+					if(this.config.valuesOverPoints) {
 						if(stacked && d.index === s.datasets.length - 1) {
 							labels = d.cumulativeYs;
 						} else {
@@ -352,12 +351,15 @@ export default class AxisChart extends BaseChart {
 		let s = this.state;
 		if(!s.yExtremes) return;
 
+		let formatY = this.config.formatTooltipY;
+		let formatX = this.config.formatTooltipX;
+
 		let titles = s.xAxis.labels;
-		if(this.formatTooltipX && this.formatTooltipX(titles[0])) {
-			titles = titles.map(d=>this.formatTooltipX(d));
+		if(formatX && formatX(titles[0])) {
+			titles = titles.map(d=>formatX(d));
 		}
 
-		let formatY = this.formatTooltipY && this.formatTooltipY(this.y[0].values[0]);
+		formatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;
 
 		for(var i=s.datasetLength - 1; i >= 0 ; i--) {
 			let xVal = s.xAxis.positions[i];
@@ -368,19 +370,37 @@ export default class AxisChart extends BaseChart {
 
 				let values = this.data.datasets.map((set, j) => {
 					return {
-						title: set.title,
-						value: formatY ? this.formatTooltipY(set.values[i]) : set.values[i],
+						title: set.name,
+						value: formatY ? formatY(set.values[i]) : set.values[i],
 						color: this.colors[j],
 					};
 				});
 
-				this.tip.setValues(x, y, titles[i], '', values);
+				this.tip.setValues(x, y, {name: titles[i], value: ''}, values, i);
 				this.tip.showTip();
 				break;
 			}
 		}
 	}
 
+	renderLegend() {
+		let s = this.data;
+		this.statsWrapper.textContent = '';
+
+		if(s.datasets.length > 1) {
+			s.datasets.map((d, i) => {
+				let stats = $.create('div', {
+					className: 'stats',
+					inside: this.statsWrapper
+				});
+				stats.innerHTML = `
+					
+					${d.name}
+				`;
+			});
+		}
+	}
+
 	makeOverlay() {
 		if(this.overlayGuides) {
 			this.overlayGuides.forEach(g => {
@@ -394,7 +414,7 @@ export default class AxisChart extends BaseChart {
 				type: c.unitType,
 				overlay: undefined,
 				units: c.units,
-			}
+			};
 		});
 
 		if(this.state.currentIndex === undefined) {
@@ -406,7 +426,7 @@ export default class AxisChart extends BaseChart {
 			let currentUnit = d.units[this.state.currentIndex];
 			d.overlay = makeOverlay[d.type](currentUnit);
 			this.drawArea.appendChild(d.overlay);
-		})
+		});
 
 	}
 
@@ -420,26 +440,33 @@ export default class AxisChart extends BaseChart {
 	}
 
 	bindOverlay() {
-		// on event, update overlay
-		this.parent.addEventListener('data-select', (e) => {
+		this.parent.addEventListener('data-select', () => {
 			this.updateOverlay();
 		});
 	}
 
-	bindUnits(units_array) {
-		// units_array.map(unit => {
-		// 	unit.addEventListener('click', () => {
-		// 		let index = unit.getAttribute('data-point-index');
-		// 		this.setCurrentDataPoint(index);
-		// 	});
-		// });
+	bindUnits() {
+		this.dataUnitComponents.map(c => {
+			c.units.map(unit => {
+				unit.addEventListener('click', () => {
+					let index = unit.getAttribute('data-point-index');
+					this.setCurrentDataPoint(index);
+				});
+			});
+		});
+
+		// Note: Doesn't work as tooltip is absolutely positioned
+		this.tip.container.addEventListener('click', () => {
+			let index = this.tip.container.getAttribute('data-point-index');
+			this.setCurrentDataPoint(index);
+		});
 	}
 
 	updateOverlay() {
 		this.overlayGuides.map(d => {
 			let currentUnit = d.units[this.state.currentIndex];
 			updateOverlay[d.type](currentUnit, d.overlay);
-		})
+		});
 	}
 
 	onLeftArrow() {
@@ -451,16 +478,12 @@ export default class AxisChart extends BaseChart {
 	}
 
 	getDataPoint(index=this.state.currentIndex) {
-		// check for length
+		let s = this.state;
 		let data_point = {
-			index: index
+			index: index,
+			label: s.xAxis.labels[index],
+			values: s.datasets.map(d => d.values[index])
 		};
-		// let y = this.y[0];
-		// ['svg_units', 'yUnitPositions', 'values'].map(key => {
-		// 	let data_key = key.slice(0, key.length-1);
-		// 	data_point[data_key] = y[key][index];
-		// });
-		// data_point.label = this.xAxis.labels[index];
 		return data_point;
 	}
 
@@ -501,7 +524,14 @@ export default class AxisChart extends BaseChart {
 	// addDataset(dataset, index) {}
 	// removeDataset(index = 0) {}
 
-	// updateDatasets(datasets) {}
+	updateDatasets(datasets) {
+		this.data.datasets.map((d, i) => {
+			if(datasets[i]) {
+				d.values = datasets[i];
+			}
+		});
+		this.update(this.data);
+	}
 
 	// updateDataPoint(dataPoint, index = 0) {}
 	// addDataPoint(dataPoint, index = 0) {}
diff --git a/src/js/charts/BaseChart.js b/src/js/charts/BaseChart.js
index f420226..08ff9dd 100644
--- a/src/js/charts/BaseChart.js
+++ b/src/js/charts/BaseChart.js
@@ -143,7 +143,10 @@ export default class BaseChart {
 			setTimeout(() => {this.update();}, this.initTimeout);
 		}
 
-		this.renderLegend();
+		if(!onlyWidthChange) {
+			this.renderLegend();
+		}
+
 		this.setupNavigation(init);
 	}
 
diff --git a/src/js/charts/Heatmap.js b/src/js/charts/Heatmap.js
index b147152..cf6fc39 100644
--- a/src/js/charts/Heatmap.js
+++ b/src/js/charts/Heatmap.js
@@ -13,15 +13,15 @@ export default class Heatmap extends BaseChart {
 		this.domain = options.domain || '';
 		this.subdomain = options.subdomain || '';
 		this.data = options.data || {};
-		this.discrete_domains = options.discrete_domains || 1;
-		this.count_label = options.count_label || '';
+		this.discreteDomains = options.discreteDomains === 0 ? 0 : 1;
+		this.countLabel = options.countLabel || '';
 
 		let today = new Date();
 		this.start = options.start || addDays(today, 365);
 
-		let legend_colors = (options.legend_colors || []).slice(0, 5);
-		this.legend_colors = this.validate_colors(legend_colors)
-			? legend_colors
+		let legendColors = (options.legendColors || []).slice(0, 5);
+		this.legendColors = this.validate_colors(legendColors)
+			? legendColors
 			: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];
 
 		// Fixed 5-color theme,
@@ -32,6 +32,12 @@ export default class Heatmap extends BaseChart {
 		this.setup();
 	}
 
+	setMargins() {
+		super.setMargins();
+		this.leftMargin = 10;
+		this.translateY = 10;
+	}
+
 	validate_colors(colors) {
 		if(colors.length < 5) return 0;
 
@@ -54,21 +60,21 @@ export default class Heatmap extends BaseChart {
 			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());
-		if(this.first_week_start.getDay() !== 7) {
-			addDays(this.first_week_start, (-1) * this.first_week_start.getDay());
+		this.firstWeekStart = new Date(this.start.toDateString());
+		this.lastWeekStart = new Date(this.today.toDateString());
+		if(this.firstWeekStart.getDay() !== 7) {
+			addDays(this.firstWeekStart, (-1) * this.firstWeekStart.getDay());
 		}
-		if(this.last_week_start.getDay() !== 7) {
-			addDays(this.last_week_start, (-1) * this.last_week_start.getDay());
+		if(this.lastWeekStart.getDay() !== 7) {
+			addDays(this.lastWeekStart, (-1) * this.lastWeekStart.getDay());
 		}
-		this.no_of_cols = getWeeksBetween(this.first_week_start + '', this.last_week_start + '') + 1;
+		this.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;
 	}
 
 	calcWidth() {
 		this.baseWidth = (this.no_of_cols + 3) * 12 ;
 
-		if(this.discrete_domains) {
+		if(this.discreteDomains) {
 			this.baseWidth += (12 * 12);
 		}
 	}
@@ -82,21 +88,20 @@ export default class Heatmap extends BaseChart {
 			'data-groups',
 			`translate(0, 20)`
 		);
-		// Array.prototype.slice.call(
-		// 	this.container.querySelectorAll('.graph-stats-container, .sub-title, .title')
-		// ).map(d => {
-		// 	d.style.display = 'None';
-		// });
-		// this.chartWrapper.style.marginTop = '0px';
-		// this.chartWrapper.style.paddingTop = '0px';
+
+		this.container.querySelector('.title').style.display = 'None';
+		this.container.querySelector('.sub-title').style.display = 'None';
+		this.container.querySelector('.graph-stats-container').style.display = 'None';
+		this.chartWrapper.style.marginTop = '0px';
+		this.chartWrapper.style.paddingTop = '0px';
 	}
 
 	calc() {
 
-		let data_values = Object.keys(this.data).map(key => this.data[key]);
-		this.distribution = calcDistribution(data_values, this.distribution_size);
+		let dataValues = Object.keys(this.data).map(key => this.data[key]);
+		this.distribution = calcDistribution(dataValues, this.distribution_size);
 
-		this.month_names = ["January", "February", "March", "April", "May", "June",
+		this.monthNames = ["January", "February", "March", "April", "May", "June",
 			"July", "August", "September", "October", "November", "December"
 		];
 	}
@@ -110,118 +115,118 @@ export default class Heatmap extends BaseChart {
 		this.domainLabelGroup.textContent = '';
 		this.dataGroups.textContent = '';
 
-		let current_week_sunday = new Date(this.first_week_start);
-		this.week_col = 0;
-		this.current_month = current_week_sunday.getMonth();
+		let currentWeekSunday = new Date(this.firstWeekStart);
+		this.weekCol = 0;
+		this.currentMonth = currentWeekSunday.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);
+		this.months = [this.currentMonth + ''];
+		this.monthWeeks = {}, this.monthStartPoints = [];
+		this.monthWeeks[this.currentMonth] = 0;
+		this.monthStartPoints.push(13);
 
 		for(var i = 0; i < no_of_weeks; i++) {
-			let data_group, month_change = 0;
-			let day = new Date(current_week_sunday);
-
-			[data_group, month_change] = this.get_week_squares_group(day, this.week_col);
-			this.dataGroups.appendChild(data_group);
-			this.week_col += 1 + parseInt(this.discrete_domains && month_change);
-			this.month_weeks[this.current_month]++;
-			if(month_change) {
-				this.current_month = (this.current_month + 1) % 12;
-				this.months.push(this.current_month + '');
-				this.month_weeks[this.current_month] = 1;
+			let dataGroup, monthChange = 0;
+			let day = new Date(currentWeekSunday);
+
+			[dataGroup, monthChange] = this.get_week_squares_group(day, this.weekCol);
+			this.dataGroups.appendChild(dataGroup);
+			this.weekCol += 1 + parseInt(this.discreteDomains && monthChange);
+			this.monthWeeks[this.currentMonth]++;
+			if(monthChange) {
+				this.currentMonth = (this.currentMonth + 1) % 12;
+				this.months.push(this.currentMonth + '');
+				this.monthWeeks[this.currentMonth] = 1;
 			}
-			addDays(current_week_sunday, 7);
+			addDays(currentWeekSunday, 7);
 		}
 		this.render_month_labels();
 	}
 
-	get_week_squares_group(current_date, index) {
-		const no_of_weekdays = 7;
-		const square_side = 10;
-		const cell_padding = 2;
+	get_week_squares_group(currentDate, index) {
+		const noOfWeekdays = 7;
+		const squareSide = 10;
+		const cellPadding = 2;
 		const step = 1;
-		const today_time = this.today.getTime();
+		const todayTime = this.today.getTime();
 
-		let month_change = 0;
-		let week_col_change = 0;
+		let monthChange = 0;
+		let weekColChange = 0;
 
-		let data_group = makeSVGGroup(this.dataGroups, 'data-group');
+		let dataGroup = makeSVGGroup(this.dataGroups, 'data-group');
 
-		for(var y = 0, i = 0; i < no_of_weekdays; i += step, y += (square_side + cell_padding)) {
-			let data_value = 0;
+		for(var y = 0, i = 0; i < noOfWeekdays; i += step, y += (squareSide + cellPadding)) {
+			let dataValue = 0;
 			let colorIndex = 0;
 
-			let current_timestamp = current_date.getTime()/1000;
-			let timestamp = Math.floor(current_timestamp - (current_timestamp % 86400)).toFixed(1);
+			let currentTimestamp = currentDate.getTime()/1000;
+			let timestamp = Math.floor(currentTimestamp - (currentTimestamp % 86400)).toFixed(1);
 
 			if(this.data[timestamp]) {
-				data_value = this.data[timestamp];
+				dataValue = this.data[timestamp];
 			}
 
 			if(this.data[Math.round(timestamp)]) {
-				data_value = this.data[Math.round(timestamp)];
+				dataValue = this.data[Math.round(timestamp)];
 			}
 
-			if(data_value) {
-				colorIndex = getMaxCheckpoint(data_value, this.distribution);
+			if(dataValue) {
+				colorIndex = getMaxCheckpoint(dataValue, this.distribution);
 			}
 
-			let x = 13 + (index + week_col_change) * 12;
+			let x = 13 + (index + weekColChange) * 12;
 
 			let dataAttr = {
-				'data-date': getDdMmYyyy(current_date),
-				'data-value': data_value,
-				'data-day': current_date.getDay()
+				'data-date': getDdMmYyyy(currentDate),
+				'data-value': dataValue,
+				'data-day': currentDate.getDay()
 			};
 
-			let heatSquare = makeHeatSquare('day', x, y, square_side,
-				this.legend_colors[colorIndex], dataAttr);
+			let heatSquare = makeHeatSquare('day', x, y, squareSide,
+				this.legendColors[colorIndex], dataAttr);
 
-			data_group.appendChild(heatSquare);
+			dataGroup.appendChild(heatSquare);
 
-			let next_date = new Date(current_date);
-			addDays(next_date, 1);
-			if(next_date.getTime() > today_time) break;
+			let nextDate = new Date(currentDate);
+			addDays(nextDate, 1);
+			if(nextDate.getTime() > todayTime) break;
 
 
-			if(next_date.getMonth() - current_date.getMonth()) {
-				month_change = 1;
-				if(this.discrete_domains) {
-					week_col_change = 1;
+			if(nextDate.getMonth() - currentDate.getMonth()) {
+				monthChange = 1;
+				if(this.discreteDomains) {
+					weekColChange = 1;
 				}
 
-				this.month_start_points.push(13 + (index + week_col_change) * 12);
+				this.monthStartPoints.push(13 + (index + weekColChange) * 12);
 			}
-			current_date = next_date;
+			currentDate = nextDate;
 		}
 
-		return [data_group, month_change];
+		return [dataGroup, monthChange];
 	}
 
 	render_month_labels() {
 		// this.first_month_label = 1;
-		// if (this.first_week_start.getDate() > 8) {
+		// if (this.firstWeekStart.getDate() > 8) {
 		// 	this.first_month_label = 0;
 		// }
 		// this.last_month_label = 1;
 
 		// let first_month = this.months.shift();
-		// let first_month_start = this.month_start_points.shift();
+		// let first_month_start = this.monthStartPoints.shift();
 		// render first month if
 
 		// let last_month = this.months.pop();
-		// let last_month_start = this.month_start_points.pop();
+		// let last_month_start = this.monthStartPoints.pop();
 		// render last month if
 
 		this.months.shift();
-		this.month_start_points.shift();
+		this.monthStartPoints.shift();
 		this.months.pop();
-		this.month_start_points.pop();
+		this.monthStartPoints.pop();
 
-		this.month_start_points.map((start, i) => {
-			let month_name =  this.month_names[this.months[i]].substring(0, 3);
+		this.monthStartPoints.map((start, i) => {
+			let month_name =  this.monthNames[this.months[i]].substring(0, 3);
 			let text = makeText('y-value-text', start+12, 10, month_name);
 			this.domainLabelGroup.appendChild(text);
 		});
@@ -233,19 +238,19 @@ export default class Heatmap extends BaseChart {
 		).map(el => {
 			el.addEventListener('mouseenter', (e) => {
 				let count = e.target.getAttribute('data-value');
-				let date_parts = e.target.getAttribute('data-date').split('-');
+				let dateParts = e.target.getAttribute('data-date').split('-');
 
-				let month = this.month_names[parseInt(date_parts[1])-1].substring(0, 3);
+				let month = this.monthNames[parseInt(dateParts[1])-1].substring(0, 3);
 
-				let g_off = this.chartWrapper.getBoundingClientRect(), p_off = e.target.getBoundingClientRect();
+				let gOff = this.chartWrapper.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();
 
 				let width = parseInt(e.target.getAttribute('width'));
-				let x = p_off.left - g_off.left + (width+2)/2;
-				let y = p_off.top - g_off.top - (width+2)/2;
-				let value = count + ' ' + this.count_label;
-				let name = ' on ' + month + ' ' + date_parts[0] + ', ' + date_parts[2];
+				let x = pOff.left - gOff.left + (width+2)/2;
+				let y = pOff.top - gOff.top - (width+2)/2;
+				let value = count + ' ' + this.countLabel;
+				let name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];
 
-				this.tip.setValues(x, y, name, value, [], 1);
+				this.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);
 				this.tip.showTip();
 			});
 		});
diff --git a/src/js/charts/PercentageChart.js b/src/js/charts/PercentageChart.js
index 2a09099..d219deb 100644
--- a/src/js/charts/PercentageChart.js
+++ b/src/js/charts/PercentageChart.js
@@ -67,7 +67,7 @@ export default class PercentageChart extends AggregationChart {
 					? this.formattedLabels[i] : this.state.labels[i]) + ': ';
 				let percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);
 
-				this.tip.setValues(x, y, title, percent + "%");
+				this.tip.setValues(x, y, {name: title, value: percent + "%"});
 				this.tip.showTip();
 			}
 		});
diff --git a/src/js/charts/PieChart.js b/src/js/charts/PieChart.js
index e0d1112..06ba931 100644
--- a/src/js/charts/PieChart.js
+++ b/src/js/charts/PieChart.js
@@ -2,7 +2,7 @@ import AggregationChart from './AggregationChart';
 import { getComponent } from '../objects/ChartComponents';
 import { getOffset } from '../utils/dom';
 import { getPositionByAngle } from '../utils/helpers';
-import { makePath, makeArcPathStr } from '../utils/draw';
+import { makeArcPathStr } from '../utils/draw';
 import { lightenDarkenColor } from '../utils/colors';
 import { transform } from '../utils/animation';
 import { FULL_ANGLE } from '../utils/constants';
@@ -39,7 +39,7 @@ export default class PieChart extends AggregationChart {
 		this.center = {
 			x: this.width / 2,
 			y: this.height / 2
-		}
+		};
 		this.radius = (this.height > this.width ? this.center.x : this.center.y);
 
 		s.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);
@@ -102,7 +102,7 @@ export default class PieChart extends AggregationChart {
 					return {
 						sliceStrings: s.sliceStrings,
 						colors: this.colors
-					}
+					};
 				}.bind(this)
 			]
 		];
@@ -132,7 +132,7 @@ export default class PieChart extends AggregationChart {
 			let title = (this.formatted_labels && this.formatted_labels.length > 0
 				? this.formatted_labels[i] : this.state.labels[i]) + ': ';
 			let percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);
-			this.tip.setValues(x, y, title, percent + "%");
+			this.tip.setValues(x, y, {name: title, value: percent + "%"});
 			this.tip.showTip();
 		} else {
 			transform(path,'translate3d(0,0,0)');
diff --git a/src/js/objects/SvgTip.js b/src/js/objects/SvgTip.js
index d9f0cac..ca464f5 100644
--- a/src/js/objects/SvgTip.js
+++ b/src/js/objects/SvgTip.js
@@ -51,6 +51,9 @@ export default class SvgTip {
 
 	fill() {
 		let title;
+		if(this.index) {
+			this.container.setAttribute('data-point-index', this.index);
+		}
 		if(this.titleValueFirst) {
 			title = `${this.titleValue}${this.titleName}`;
 		} else {
@@ -97,13 +100,14 @@ export default class SvgTip {
 		}
 	}
 
-	setValues(x, y, titleName = '', titleValue = '', listValues = [], titleValueFirst = 0) {
-		this.titleName = titleName;
-		this.titleValue = titleValue;
+	setValues(x, y, title = {}, listValues = [], index = -1) {
+		this.titleName = title.name;
+		this.titleValue = title.value;
 		this.listValues = listValues;
 		this.x = x;
 		this.y = y;
-		this.titleValueFirst = titleValueFirst;
+		this.titleValueFirst = title.valueFirst || 0;
+		this.index = index;
 		this.refresh();
 	}
 
diff --git a/src/js/utils/constants.js b/src/js/utils/constants.js
index 9bda967..167a454 100644
--- a/src/js/utils/constants.js
+++ b/src/js/utils/constants.js
@@ -1,4 +1,4 @@
-export const VERT_SPACE_OUTSIDE_BASE_CHART = 40;
+export const VERT_SPACE_OUTSIDE_BASE_CHART = 50;
 export const TRANSLATE_Y_BASE_CHART = 20;
 export const LEFT_MARGIN_BASE_CHART = 60;
 export const RIGHT_MARGIN_BASE_CHART = 40;
@@ -16,7 +16,7 @@ export const MIN_BAR_PERCENT_HEIGHT = 0.01;
 export const LINE_CHART_DOT_SIZE = 4;
 export const DOT_OVERLAY_SIZE_INCR = 4;
 
-export const DEFAULT_CHAR_WIDTH = 8;
+export const DEFAULT_CHAR_WIDTH = 7;
 
 // Universal constants
 export const ANGLE_RATIO = Math.PI / 180;
diff --git a/src/js/utils/date-utils.js b/src/js/utils/date-utils.js
index 65aff69..682be96 100644
--- a/src/js/utils/date-utils.js
+++ b/src/js/utils/date-utils.js
@@ -31,4 +31,9 @@ export function addDays(date, numberOfDays) {
 	date.setDate(date.getDate() + numberOfDays);
 }
 
-// export function getMonthName() {}
+export function getMonthName(i) {
+	let monthNames = ["January", "February", "March", "April", "May", "June",
+		"July", "August", "September", "October", "November", "December"
+	];
+	return monthNames[i];
+}
diff --git a/src/js/utils/draw.js b/src/js/utils/draw.js
index 01f3454..7bd4992 100644
--- a/src/js/utils/draw.js
+++ b/src/js/utils/draw.js
@@ -180,7 +180,7 @@ function makeVertLine(x, label, y1, y2, options={}) {
 		dy: FONT_SIZE + 'px',
 		'font-size': FONT_SIZE + 'px',
 		'text-anchor': 'middle',
-		innerHTML: label
+		innerHTML: label + ""
 	});
 
 	let line = createSVG('g', {
@@ -337,7 +337,7 @@ export function yRegion(y1, y2, width, label) {
 
 	let labelSvg = createSVG('text', {
 		className: 'chart-label',
-		x: width - getStringWidth(label, 4.5) - LABEL_MARGIN,
+		x: width - getStringWidth(label+"", 4.5) - LABEL_MARGIN,
 		y: 0,
 		dy: (FONT_SIZE / -2) + 'px',
 		'font-size': FONT_SIZE + 'px',
@@ -369,6 +369,8 @@ export function datasetBar(x, yTop, width, color, label='', index=0, offset=0, m
 		height: height || meta.minHeight // TODO: correct y for positive min height
 	});
 
+	label += "";
+
 	if(!label && !label.length) {
 		return rect;
 	} else {
@@ -385,6 +387,7 @@ export function datasetBar(x, yTop, width, color, label='', index=0, offset=0, m
 		});
 
 		let group = createSVG('g', {
+			'data-point-index': index,
 			transform: `translate(${x}, ${y})`
 		});
 		group.appendChild(rect);
@@ -403,6 +406,8 @@ export function datasetDot(x, y, radius, color, label='', index=0, meta={}) {
 		r: radius
 	});
 
+	label += "";
+
 	if(!label && !label.length) {
 		return dot;
 	} else {
@@ -420,6 +425,7 @@ export function datasetDot(x, y, radius, color, label='', index=0, meta={}) {
 		});
 
 		let group = createSVG('g', {
+			'data-point-index': index,
 			transform: `translate(${x}, ${y})`
 		});
 		group.appendChild(dot);
@@ -481,9 +487,10 @@ export let makeOverlay = {
 		}
 		let overlay = unit.cloneNode();
 		let radius = unit.getAttribute('r');
-		overlay.setAttribute('r', radius + DOT_OVERLAY_SIZE_INCR);
-		overlay.style.fill = '#000000';
-		overlay.style.opacity = '0.4';
+		let fill = unit.getAttribute('fill');
+		overlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);
+		overlay.setAttribute('fill', fill);
+		overlay.style.opacity = '0.6';
 
 		if(transformValue) {
 			overlay.setAttribute('transform', transformValue);
diff --git a/src/scss/charts.scss b/src/scss/charts.scss
index 0dd4438..397eefc 100644
--- a/src/scss/charts.scss
+++ b/src/scss/charts.scss
@@ -28,8 +28,13 @@
 	}
 	.graph-stats-container {
 		display: flex;
-		justify-content: space-around;
-		padding-top: 10px;
+		justify-content: space-between;
+		padding: 10px;
+		&:before,
+		&:after {
+			content: '';
+			display: block;
+		}
 		.stats {
 			padding-bottom: 15px;
 		}

From ef636cc92a52f954f0fc8c14b755a6cf308374e2 Mon Sep 17 00:00:00 2001
From: Prateeksha Singh 
Date: Tue, 6 Mar 2018 07:40:45 +0530
Subject: [PATCH 51/51] Update docs page

---
 dist/frappe-charts.esm.js               |  52 +++++----
 dist/frappe-charts.min.cjs.js           |   2 +-
 dist/frappe-charts.min.esm.js           |   2 +-
 dist/frappe-charts.min.iife.js          |   2 +-
 dist/frappe-charts.min.iife.js.map      |   2 +-
 docs/assets/img/frappe-bird.png         | Bin 0 -> 7647 bytes
 docs/assets/js/frappe-charts.min.js     |   2 +-
 docs/assets/js/frappe-charts.min.js.map |   2 +-
 docs/assets/js/index.js                 | 130 ++++++++++-------------
 docs/index.html                         | 133 ++++++++++++++++--------
 src/js/charts/AxisChart.js              |  25 ++++-
 src/js/objects/ChartComponents.js       |  39 +++----
 12 files changed, 226 insertions(+), 165 deletions(-)
 create mode 100644 docs/assets/img/frappe-bird.png

diff --git a/dist/frappe-charts.esm.js b/dist/frappe-charts.esm.js
index 399a7c9..0c91fbb 100644
--- a/dist/frappe-charts.esm.js
+++ b/dist/frappe-charts.esm.js
@@ -1717,13 +1717,12 @@ let componentConfigs = {
 			let newLabels = newData.map(d => d.label);
 
 			let oldPos = this.oldData.map(d => d.position);
-			let oldLabels = this.oldData.map(d => d.label);
 
 			this.render(oldPos.map((pos, i) => {
 				return {
 					position: oldPos[i],
 					label: newLabels[i]
-				}
+				};
 			}));
 
 			return this.store.map((line, i) => {
@@ -1738,27 +1737,26 @@ let componentConfigs = {
 		layerClass: 'y-regions',
 		makeElements(data) {
 			return data.map(region =>
-				yRegion(region.start, region.end, this.constants.width,
+				yRegion(region.startPos, region.endPos, this.constants.width,
 					region.label)
 			);
 		},
 		animateElements(newData) {
 			[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);
 
-			let newPos = newData.map(d => d.end);
+			let newPos = newData.map(d => d.endPos);
 			let newLabels = newData.map(d => d.label);
-			let newStarts = newData.map(d => d.start);
+			let newStarts = newData.map(d => d.startPos);
 
-			let oldPos = this.oldData.map(d => d.end);
-			let oldLabels = this.oldData.map(d => d.label);
-			let oldStarts = this.oldData.map(d => d.start);
+			let oldPos = this.oldData.map(d => d.endPos);
+			let oldStarts = this.oldData.map(d => d.startPos);
 
 			this.render(oldPos.map((pos, i) => {
 				return {
-					start: oldStarts[i],
-					end: oldPos[i],
+					startPos: oldStarts[i],
+					endPos: oldPos[i],
 					label: newLabels[i]
-				}
+				};
 			}));
 
 			let animateElements = [];
@@ -1792,7 +1790,7 @@ let componentConfigs = {
 						barsWidth: data.barsWidth,
 						minHeight: c.minHeight
 					}
-				)
+				);
 			});
 			return this.units;
 		},
@@ -1830,7 +1828,7 @@ let componentConfigs = {
 			this.store.map((bar, i) => {
 				animateElements = animateElements.concat(animateBar(
 					bar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,
-						{zeroLine: newData.zeroLine}
+					{zeroLine: newData.zeroLine}
 				));
 			});
 
@@ -1870,7 +1868,7 @@ let componentConfigs = {
 						c.color,
 						(c.valuesOverPoints ? data.values[j] : ''),
 						j
-					)
+					);
 				});
 			}
 
@@ -1881,7 +1879,6 @@ let componentConfigs = {
 			let newYPos = newData.yPositions;
 			let newValues = newData.values;
 
-
 			let oldXPos = this.oldData.xPositions;
 			let oldYPos = this.oldData.yPositions;
 			let oldValues = this.oldData.values;
@@ -2720,6 +2717,7 @@ class AxisChart extends BaseChart {
 		this.lineOptions = args.lineOptions || {};
 
 		this.type = args.type || 'line';
+		this.init = 1;
 
 		this.setup();
 	}
@@ -2850,8 +2848,8 @@ class AxisChart extends BaseChart {
 		}
 		if(this.data.yRegions) {
 			this.state.yRegions = this.data.yRegions.map(d => {
-				d.start = scale(d.start, s.yAxis);
-				d.end = scale(d.end, s.yAxis);
+				d.startPos = scale(d.start, s.yAxis);
+				d.endPos = scale(d.end, s.yAxis);
 				return d;
 			});
 		}
@@ -2870,7 +2868,17 @@ class AxisChart extends BaseChart {
 			});
 		}
 
-		return [].concat(...this.data.datasets.map(d => d[key]));
+		let allValueLists = this.data.datasets.map(d => d[key]);
+		if(this.data.yMarkers) {
+			allValueLists.push(this.data.yMarkers.map(d => d.value));
+		}
+		if(this.data.yRegions) {
+			this.data.yRegions.map(d => {
+				allValueLists.push([d.end, d.start]);
+			});
+		}
+
+		return [].concat(...allValueLists);
 	}
 
 	setupComponents() {
@@ -3106,6 +3114,10 @@ class AxisChart extends BaseChart {
 	}
 
 	makeOverlay() {
+		if(this.init) {
+			this.init = 0;
+			return;
+		}
 		if(this.overlayGuides) {
 			this.overlayGuides.forEach(g => {
 				let o = g.overlay;
@@ -3202,7 +3214,6 @@ class AxisChart extends BaseChart {
 	}
 
 	// API
-
 	addDataPoint(label, datasetValues, index=this.state.datasetLength) {
 		super.addDataPoint(label, datasetValues, index);
 		this.data.labels.splice(index, 0, label);
@@ -3213,6 +3224,9 @@ class AxisChart extends BaseChart {
 	}
 
 	removeDataPoint(index = this.state.datasetLength-1) {
+		if (this.data.labels.length <= 1) {
+			return;
+		}
 		super.removeDataPoint(index);
 		this.data.labels.splice(index, 1);
 		this.data.datasets.map(d => {
diff --git a/dist/frappe-charts.min.cjs.js b/dist/frappe-charts.min.cjs.js
index c8a1605..6105974 100644
--- a/dist/frappe-charts.min.cjs.js
+++ b/dist/frappe-charts.min.cjs.js
@@ -1 +1 @@
-"use strict";function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e+""}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a+"",4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if((n+="")||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=createSVG("circle",{style:"fill: "+a,"data-point-index":r,cx:t,cy:e,r:i});if((n+="")||n.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var o=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(s),l.appendChild(o),l}return s}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                                              \n\t\t\t\t
                                                                                                                                              '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=n,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=50,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=7,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r"),n=t.getAttribute("fill");return i.setAttribute("r",parseInt(a)+DOT_OVERLAY_SIZE_INCR),i.setAttribute("fill",n),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                                              '+this.subtitle+'
                                                                                                                                              \n\t\t\t\t
                                                                                                                                              \n\t\t\t\t
                                                                                                                                              '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.statsWrapper.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=e.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(i,a){var n=$.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*i/t.grandTotal+"%"}});e.slices.push(n)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(i){var a=i.target;if(a.classList.contains("progress-bar")){var n=a.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(a),o=s.left-r.left+a.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,{name:c,value:h+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var a=makePath(e,"pie-path","none",t.colors[i]);return a.style.transition="transform .3s;",a})},animateElements:function(t){return this.store.map(function(e,i){return animatePathStr(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.initTimeout=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,a=this.clockWise,n=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&n[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle:u,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,{name:l,value:c+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=n}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,a=this.curActiveSliceIndex,n=this.curActiveSlice;if(i.includes(e)){var r=i.indexOf(e);this.hoverSlice(n,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),Heatmap=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discreteDomains=0===i.discreteDomains?0:1,a.countLabel=i.countLabel||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legendColors||[]).slice(0,5);return a.legendColors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=10,this.translateY=10}},{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&addDays(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&addDays(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=getWeeksBetween(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)"),this.container.querySelector(".title").style.display="None",this.container.querySelector(".sub-title").style.display="None",this.container.querySelector(".graph-stats-container").style.display="None",this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0,this.monthStartPoints.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(a=1,this.discreteDomains&&(n=1),this.monthStartPoints.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.monthNames[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.monthNames[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.countLabel,u=" on "+n+" "+a[0]+", "+a[2];t.tip.setValues(l,c,{name:u,value:h,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;s--){var o=i.xAxis.positions[s];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.name,value:a?a(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(l,c,{name:r[s],value:""},h,s),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var t=this,e=this.data;this.statsWrapper.textContent="",e.datasets.length>1&&e.datasets.map(function(e,i){$.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e.name+"\n\t\t\t\t"})}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};module.exports=Chart;
+"use strict";function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e+""}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a+"",4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if((n+="")||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=createSVG("circle",{style:"fill: "+a,"data-point-index":r,cx:t,cy:e,r:i});if((n+="")||n.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var o=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(s),l.appendChild(o),l}return s}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                                                \n\t\t\t\t
                                                                                                                                                '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=n,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=50,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=7,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r"),n=t.getAttribute("fill");return i.setAttribute("r",parseInt(a)+DOT_OVERLAY_SIZE_INCR),i.setAttribute("fill",n),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                                                '+this.subtitle+'
                                                                                                                                                \n\t\t\t\t
                                                                                                                                                \n\t\t\t\t
                                                                                                                                                '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.statsWrapper.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=e.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(i,a){var n=$.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*i/t.grandTotal+"%"}});e.slices.push(n)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(i){var a=i.target;if(a.classList.contains("progress-bar")){var n=a.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(a),o=s.left-r.left+a.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,{name:c,value:h+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var a=makePath(e,"pie-path","none",t.colors[i]);return a.style.transition="transform .3s;",a})},animateElements:function(t){return this.store.map(function(e,i){return animatePathStr(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.endPos}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.startPos}),s=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(s.map(function(t,e){return{startPos:o[e],endPos:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.initTimeout=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,a=this.clockWise,n=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&n[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle:u,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,{name:l,value:c+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=n}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,a=this.curActiveSliceIndex,n=this.curActiveSlice;if(i.includes(e)){var r=i.indexOf(e);this.hoverSlice(n,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),Heatmap=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discreteDomains=0===i.discreteDomains?0:1,a.countLabel=i.countLabel||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legendColors||[]).slice(0,5);return a.legendColors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=10,this.translateY=10}},{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&addDays(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&addDays(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=getWeeksBetween(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)"),this.container.querySelector(".title").style.display="None",this.container.querySelector(".sub-title").style.display="None",this.container.querySelector(".graph-stats-container").style.display="None",this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0,this.monthStartPoints.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(a=1,this.discreteDomains&&(n=1),this.monthStartPoints.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.monthNames[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.monthNames[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.countLabel,u=" on "+n+" "+a[0]+", "+a[2];t.tip.setValues(l,c,{name:u,value:h,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.init=1,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;s--){var o=i.xAxis.positions[s];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.name,value:a?a(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(l,c,{name:r[s],value:""},h,s),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var t=this,e=this.data;this.statsWrapper.textContent="",e.datasets.length>1&&e.datasets.map(function(e,i){$.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e.name+"\n\t\t\t\t"})}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var 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;this.data.labels.length<=1||(get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};module.exports=Chart;
diff --git a/dist/frappe-charts.min.esm.js b/dist/frappe-charts.min.esm.js
index d49bf2a..8d79b3f 100644
--- a/dist/frappe-charts.min.esm.js
+++ b/dist/frappe-charts.min.esm.js
@@ -1 +1 @@
-function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e+""}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a+"",4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if((n+="")||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=createSVG("circle",{style:"fill: "+a,"data-point-index":r,cx:t,cy:e,r:i});if((n+="")||n.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var o=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(s),l.appendChild(o),l}return s}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                                                  \n\t\t\t\t
                                                                                                                                                  '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=n,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=50,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=7,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r"),n=t.getAttribute("fill");return i.setAttribute("r",parseInt(a)+DOT_OVERLAY_SIZE_INCR),i.setAttribute("fill",n),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                                                  '+this.subtitle+'
                                                                                                                                                  \n\t\t\t\t
                                                                                                                                                  \n\t\t\t\t
                                                                                                                                                  '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.statsWrapper.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=e.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(i,a){var n=$.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*i/t.grandTotal+"%"}});e.slices.push(n)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(i){var a=i.target;if(a.classList.contains("progress-bar")){var n=a.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(a),o=s.left-r.left+a.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,{name:c,value:h+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var a=makePath(e,"pie-path","none",t.colors[i]);return a.style.transition="transform .3s;",a})},animateElements:function(t){return this.store.map(function(e,i){return animatePathStr(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.end}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.start}),s=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(s.map(function(t,e){return{start:o[e],end:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.initTimeout=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,a=this.clockWise,n=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&n[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle:u,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,{name:l,value:c+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=n}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,a=this.curActiveSliceIndex,n=this.curActiveSlice;if(i.includes(e)){var r=i.indexOf(e);this.hoverSlice(n,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),Heatmap=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discreteDomains=0===i.discreteDomains?0:1,a.countLabel=i.countLabel||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legendColors||[]).slice(0,5);return a.legendColors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=10,this.translateY=10}},{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&addDays(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&addDays(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=getWeeksBetween(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)"),this.container.querySelector(".title").style.display="None",this.container.querySelector(".sub-title").style.display="None",this.container.querySelector(".graph-stats-container").style.display="None",this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0,this.monthStartPoints.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(a=1,this.discreteDomains&&(n=1),this.monthStartPoints.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.monthNames[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.monthNames[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.countLabel,u=" on "+n+" "+a[0]+", "+a[2];t.tip.setValues(l,c,{name:u,value:h,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;s--){var o=i.xAxis.positions[s];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.name,value:a?a(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(l,c,{name:r[s],value:""},h,s),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var t=this,e=this.data;this.statsWrapper.textContent="",e.datasets.length>1&&e.datasets.map(function(e,i){$.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e.name+"\n\t\t\t\t"})}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"addDataPoint",this).call(this,t,i,a),this.data.labels.splice(a,0,t),this.data.datasets.map(function(t,e){t.values.splice(a,0,i[e])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};export default Chart;
+function __$styleInject(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}function $(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function getOffset(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function isElementInViewport(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function getElementContentWidth(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function fire(t,e,i){var a=document.createEvent("HTMLEvents");a.initEvent(e,!0,!0);for(var n in i)a[n]=i[n];return t.dispatchEvent(a)}function floatTwo(t){return parseFloat(t.toFixed(2))}function fillArray(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=a?t[0]:t[t.length-1]);var n=new Array(Math.abs(e)).fill(i);return t=a?n.concat(t):t.concat(n)}function getStringWidth(t,e){return(t+"").length*e}function getPositionByAngle(t,e){return{x:Math.sin(t*ANGLE_RATIO)*e,y:Math.cos(t*ANGLE_RATIO)*e}}function getBarHeightAndYAttr(t,e){var i=void 0,a=void 0;return t<=e?(i=e-t,a=t):(i=t-e,a=e),[i,a]}function equilizeNoOfElements(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=fillArray(t,i):e=fillArray(e,i),[t,e]}function translate(t,e,i,a){var n="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},a,STD_EASING,"translate",{transform:n}]}function translateVertLine(t,e,i){return translate(t,[i,0],[e,0],MARKER_LINE_ANIM_DUR)}function translateHoriLine(t,e,i){return translate(t,[0,i],[0,e],MARKER_LINE_ANIM_DUR)}function animateRegion(t,e,i,a){var n=e-i,r=t.childNodes[0];return[[r,{height:n,"stroke-dasharray":r.getAttribute("width")+", "+n},MARKER_LINE_ANIM_DUR,STD_EASING],translate(t,[0,a],[0,i],MARKER_LINE_ANIM_DUR)]}function animateBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,r=getBarHeightAndYAttr(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),s=slicedToArray(r,2),o=s[0],l=s[1];return l-=n,"rect"!==t.nodeName?[[t.childNodes[0],{width:a,height:o},UNIT_ANIM_DUR,STD_EASING],translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],MARKER_LINE_ANIM_DUR)]:[[t,{width:a,height:o,x:e,y:l},UNIT_ANIM_DUR,STD_EASING]]}function animateDot(t,e,i){return"circle"!==t.nodeName?[translate(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],MARKER_LINE_ANIM_DUR)]:[[t,{cx:e,cy:i},UNIT_ANIM_DUR,STD_EASING]]}function animatePath(t,e,i,a){var n=[],r=i.map(function(t,i){return e[i]+","+t}).join("L"),s=[t.path,{d:"M"+r},PATH_ANIM_DUR,STD_EASING];if(n.push(s),t.region){var o=e[0]+","+a+"L",l="L"+e.slice(-1)[0]+", "+a,c=[t.region,{d:"M"+o+r+l},PATH_ANIM_DUR,STD_EASING];n.push(c)}return n}function animatePathStr(t,e){return[t,{d:e},UNIT_ANIM_DUR,STD_EASING]}function $$1(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function createSVG(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg",t);for(var a in e){var n=e[a];if("inside"===a)$$1(n).appendChild(i);else if("around"===a){var r=$$1(n);r.parentNode.insertBefore(i,r),i.appendChild(r)}else"styles"===a?"object"===(void 0===n?"undefined":_typeof(n))&&Object.keys(n).map(function(t){i.style[t]=n[t]}):("className"===a&&(a="class"),"innerHTML"===a?i.textContent=n:i.setAttribute(a,n))}return i}function renderVerticalGradient(t,e){return createSVG("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function setGradientStop(t,e,i,a){return createSVG("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":a})}function makeSVGContainer(t,e,i,a){return createSVG("svg",{className:e,inside:t,width:i,height:a})}function makeSVGDefs(t){return createSVG("defs",{inside:t})}function makeSVGGroup(t,e){return createSVG("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function makePath(t){return createSVG("path",{className:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",d:t,styles:{stroke:arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none",fill:arguments.length>3&&void 0!==arguments[3]?arguments[3]:"none"}})}function makeArcPathStr(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,r=i.x+t.x,s=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+r+" "+s+"\n\t\tA "+a+" "+a+" 0 0 "+(n?1:0)+"\n\t\t"+o+" "+l+" z"}function makeGradient(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),n=renderVerticalGradient(t,a),r=[1,.6,.2];return i&&(r=[.4,.2,0]),setGradientStop(n,"0%",e,r[0]),setGradientStop(n,"50%",e,r[1]),setGradientStop(n,"100%",e,r[2]),a}function makeHeatSquare(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s={className:t,x:e,y:i,width:a,height:a,fill:n};return Object.keys(r).map(function(t){s[t]=r[t]}),createSVG("rect",s)}function makeText(t,e,i,a){return createSVG("text",{className:t,x:e,y:i,dy:FONT_SIZE/2+"px","font-size":FONT_SIZE+"px",innerHTML:a})}function makeVertLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR);var r=createSVG("line",{className:"line-vertical "+n.className,x1:0,x2:0,y1:i,y2:a,styles:{stroke:n.stroke}}),s=createSVG("text",{x:0,y:i>a?i+LABEL_MARGIN:i-LABEL_MARGIN-FONT_SIZE,dy:FONT_SIZE+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:e+""}),o=createSVG("g",{transform:"translate("+t+", 0)"});return o.appendChild(r),o.appendChild(s),o}function makeHoriLine(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};n.stroke||(n.stroke=BASE_LINE_COLOR),n.lineType||(n.lineType="");var r=createSVG("line",{className:"line-horizontal "+n.className+("dashed"===n.lineType?"dashed":""),x1:i,x2:a,y1:0,y2:0,styles:{stroke:n.stroke}}),s=createSVG("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="left"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=-1*AXIS_TICK_LENGTH,r="span"===a.mode?i+AXIS_TICK_LENGTH:0;return"tick"===a.mode&&"right"===a.pos&&(n=i+AXIS_TICK_LENGTH,r=i),n+=a.offset,r+=a.offset,makeHoriLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function xLine(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};a.pos||(a.pos="bottom"),a.offset||(a.offset=0),a.mode||(a.mode="span"),a.stroke||(a.stroke=BASE_LINE_COLOR),a.className||(a.className="");var n=i+AXIS_TICK_LENGTH,r="span"===a.mode?-1*AXIS_TICK_LENGTH:i;return"tick"===a.mode&&"top"===a.pos&&(n=-1*AXIS_TICK_LENGTH,r=0),makeVertLine(t,e,n,r,{stroke:a.stroke,className:a.className,lineType:a.lineType})}function yMarker(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=createSVG("text",{className:"chart-label",x:i-getStringWidth(e,5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:e+""}),r=makeHoriLine(t,"",0,i,{stroke:a.stroke||BASE_LINE_COLOR,className:a.className||"",lineType:a.lineType});return r.appendChild(n),r}function yRegion(t,e,i,a){var n=t-e,r=createSVG("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:BASE_LINE_COLOR,"stroke-dasharray":i+", "+n},x:0,y:0,width:i,height:n}),s=createSVG("text",{className:"chart-label",x:i-getStringWidth(a+"",4.5)-LABEL_MARGIN,y:0,dy:FONT_SIZE/-2+"px","font-size":FONT_SIZE+"px","text-anchor":"start",innerHTML:a+""}),o=createSVG("g",{transform:"translate(0, "+e+")"});return o.appendChild(r),o.appendChild(s),o}function datasetBar(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=getBarHeightAndYAttr(e,o.zeroLine),c=slicedToArray(l,2),h=c[0],u=c[1],d=createSVG("rect",{className:"bar mini",style:"fill: "+a,"data-point-index":r,x:t,y:u-=s,width:i,height:h||o.minHeight});if((n+="")||n.length){d.setAttribute("y",0),d.setAttribute("x",0);var p=createSVG("text",{className:"data-point-value",x:i/2,y:0,dy:FONT_SIZE/2*-1+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),f=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+u+")"});return f.appendChild(d),f.appendChild(p),f}return d}function datasetDot(t,e,i,a){var n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,s=createSVG("circle",{style:"fill: "+a,"data-point-index":r,cx:t,cy:e,r:i});if((n+="")||n.length){s.setAttribute("cy",0),s.setAttribute("cx",0);var o=createSVG("text",{className:"data-point-value",x:0,y:0,dy:FONT_SIZE/2*-1-i+"px","font-size":FONT_SIZE+"px","text-anchor":"middle",innerHTML:n}),l=createSVG("g",{"data-point-index":r,transform:"translate("+t+", "+e+")"});return l.appendChild(s),l.appendChild(o),l}return s}function getPaths(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},r=e.map(function(e,i){return t[i]+","+e}).join("L"),s=makePath("M"+r,"line-graph-path",i);if(a.heatline){var o=makeGradient(n.svgDefs,i);s.style.stroke="url(#"+o+")"}var l={path:s};if(a.regionFill){var c=makeGradient(n.svgDefs,i,!0),h="M"+t[0]+","+n.zeroLine+"L"+r+"L"+t.slice(-1)[0]+","+n.zeroLine;l.region=makePath(h,"region-fill","none","url(#"+c+")")}return l}function limitColor(t){return t>255?255:t<0?0:t}function lightenDarkenColor(t,e){var i=getColor(t),a=!1;"#"==i[0]&&(i=i.slice(1),a=!0);var n=parseInt(i,16),r=limitColor((n>>16)+e),s=limitColor((n>>8&255)+e),o=limitColor((255&n)+e);return(a?"#":"")+(o|s<<8|r<<16).toString(16)}function isValidColor(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function getDifferentChart(t,e,i,a){if(t!==e){ALL_CHART_TYPES.includes(t)||console.error("'"+t+"' is not a valid chart type."),COMPATIBLE_CHARTS[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var n=COLOR_COMPATIBLE_CHARTS[e].includes(t);return a.type=t,a.colors=n?a.colors:void 0,new Chart(i,a)}}function animateSVGElement(t,e,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},s=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=r[l]||t.getAttribute(l),u=e[l],d={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:EASING[a],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};n&&(d.type=n);for(var p in d)c.setAttribute(p,d[p]);s.appendChild(c),n?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[s,o]}function transform(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function animateSVG(t,e){var i=[],a=[];e.map(function(t){var e=t[0],n=e.parentNode,r=void 0,s=void 0;t[0]=e;var o=animateSVGElement.apply(void 0,toConsumableArray(t)),l=slicedToArray(o,2);r=l[0],s=l[1],i.push(s),a.push([r,n]),n.replaceChild(r,e)});var n=t.cloneNode(!0);return a.map(function(t,a){t[1].replaceChild(i[a],t[0]),e[a][0]=i[a]}),n}function runSMILAnimation(t,e,i){if(0!==i.length){var a=animateSVG(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(a)),setTimeout(function(){a.parentNode==t&&(t.removeChild(a),t.appendChild(e))},REPLACE_ALL_NEW_DUR)}}function getComponent(t,e,i){var a=Object.keys(componentConfigs).filter(function(e){return t.includes(e)}),n=componentConfigs[a[0]];return Object.assign(n,{constants:e,getData:i}),new ChartComponent(n)}function treatAsUtc(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function getDdMmYyyy(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function getWeeksBetween(t,e){return Math.ceil(getDaysBetween(t,e)/7)}function getDaysBetween(t,e){return(treatAsUtc(e)-treatAsUtc(t))/864e5}function addDays(t,e){t.setDate(t.getDate()+e)}function normalize(t){if(0===t)return[0,0];if(isNaN(t))return{mantissa:-6755399441055744,exponent:972};var e=t>0?1:-1;if(!isFinite(t))return{mantissa:4503599627370496*e,exponent:972};t=Math.abs(t);var i=Math.floor(Math.log10(t));return[e*(t/Math.pow(10,i)),i]}function getChartRangeIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=Math.ceil(t),a=Math.floor(e),n=i-a,r=n,s=1;n>5&&(n%2!=0&&(n=++i-a),r=n/2,s=2),n<=2&&(s=n/(r=4)),0===n&&(r=5,s=1);for(var o=[],l=0;l<=r;l++)o.push(a+s*l);return o}function getChartIntervals(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=normalize(t),a=slicedToArray(i,2),n=a[0],r=a[1],s=e?e/Math.pow(10,r):0,o=getChartRangeIntervals(n=n.toFixed(6),s);return o=o.map(function(t){return t*Math.pow(10,r)})}function calcChartIntervals(t){function e(t,e){for(var i=getChartIntervals(t),a=i[1]-i[0],n=0,r=1;n1&&void 0!==arguments[1]&&arguments[1],a=Math.max.apply(Math,toConsumableArray(t)),n=Math.min.apply(Math,toConsumableArray(t)),r=[];if(a>=0&&n>=0)normalize(a)[1],r=i?getChartIntervals(a,n):getChartIntervals(a);else if(a>0&&n<0){var s=Math.abs(n);a>=s?(normalize(a)[1],r=e(a,s)):(normalize(s)[1],r=e(s,a).map(function(t){return-1*t}))}else if(a<=0&&n<=0){var o=Math.abs(n),l=Math.abs(a);normalize(o)[1],r=(r=i?getChartIntervals(o,l):getChartIntervals(o)).reverse().map(function(t){return-1*t})}return r}function getZeroIndex(t){var e=getIntervalSize(t);return t.indexOf(0)>=0?t.indexOf(0):t[0]>0?-1*t[0]/e:-1*t[t.length-1]/e+(t.length-1)}function getIntervalSize(t){return t[1]-t[0]}function getValueRange(t){return t[t.length-1]-t[0]}function scale(t,e){return floatTwo(e.zeroLine-t*e.scaleMultiplier)}function calcDistribution(t,e){for(var i=Math.max.apply(Math,toConsumableArray(t)),a=1/(e-1),n=[],r=0;ri?r.slice(0,i):fillArray(r,i-r.length,0)}else t.values=n;t.chartType||(AXIS_DATASET_CHART_TYPES.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=t/e.length/DEFAULT_CHAR_WIDTH;return e.map(function(t,e){return(t+="").length>a&&(i?e%Math.ceil(t.length/a)!=0&&(t=""):t=a-3>0?t.slice(0,a-3)+" ...":t.slice(0,a)+".."),t})}function getChartByType(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new AxisChart(e,i)):"bar"===t?(i.type="bar",new AxisChart(e,i)):"axis-mixed"===t?(i.type="line",new AxisChart(e,i)):chartTypes[t]?new chartTypes[t](e,i):void console.error("Undefined chart type: "+t)}__$styleInject('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},asyncGenerator=function(){function t(t){this.value=t}function e(e){function i(t,e){return new Promise(function(i,n){var o={key:t,arg:e,resolve:i,reject:n,next:null};s?s=s.next=o:(r=s=o,a(t,e))})}function a(i,r){try{var s=e[i](r),o=s.value;o instanceof t?Promise.resolve(o.value).then(function(t){a("next",t)},function(t){a("throw",t)}):n(s.done?"return":"normal",s.value)}catch(t){n("throw",t)}}function n(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?a(r.key,r.arg):s=null}var r,s;this._invoke=i,"function"!=typeof e.return&&(this.return=void 0)}return"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)},{wrap:function(t){return function(){return new e(t.apply(this,arguments))}},await:function(e){return new t(e)}}}(),classCallCheck=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},createClass=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                                                    \n\t\t\t\t
                                                                                                                                                    '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){t.hideTip()})}},{key:"fill",value:function(){var t=this,e=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),e=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=e,this.dataPointList.innerHTML="",this.listValues.map(function(e,i){var a=t.colors[i]||"black",n=$.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===e.value||e.value?e.value:"")+"\n\t\t\t\t\t"+(e.title?e.title:"")});t.dataPointList.appendChild(n)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var a="calc(50% + "+(this.left-e)+"px)";i.style.left=a,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=a,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=n,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),t}(),VERT_SPACE_OUTSIDE_BASE_CHART=50,TRANSLATE_Y_BASE_CHART=20,LEFT_MARGIN_BASE_CHART=60,RIGHT_MARGIN_BASE_CHART=40,Y_AXIS_MARGIN=60,INIT_CHART_UPDATE_TIMEOUT=700,CHART_POST_ANIMATE_TIMEOUT=400,DEFAULT_AXIS_CHART_TYPE="line",AXIS_DATASET_CHART_TYPES=["line","bar"],BAR_CHART_SPACE_RATIO=.5,MIN_BAR_PERCENT_HEIGHT=.01,LINE_CHART_DOT_SIZE=4,DOT_OVERLAY_SIZE_INCR=4,DEFAULT_CHAR_WIDTH=7,ANGLE_RATIO=Math.PI/180,FULL_ANGLE=360,UNIT_ANIM_DUR=350,PATH_ANIM_DUR=350,MARKER_LINE_ANIM_DUR=UNIT_ANIM_DUR,REPLACE_ALL_NEW_DUR=250,STD_EASING="easein",AXIS_TICK_LENGTH=6,LABEL_MARGIN=4,FONT_SIZE=10,BASE_LINE_COLOR="#dadada",makeOverlay={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),a=t.getAttribute("r"),n=t.getAttribute("fill");return i.setAttribute("r",parseInt(a)+DOT_OVERLAY_SIZE_INCR),i.setAttribute("fill",n),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},updateOverlay={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var a=["cx","cy"];Object.values(t.attributes).filter(function(t){return a.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},PRESET_COLOR_MAP={"light-blue":"#7cd6fd",blue:"#5e64ff",violet:"#743ee2",red:"#ff5858",orange:"#ffa00a",yellow:"#feef72",green:"#28a745","light-green":"#98d85b",purple:"#b554ff",magenta:"#ffa3ef",black:"#36114C",grey:"#bdd3e6","light-grey":"#f0f4f7","dark-grey":"#b8c2cc"},DEFAULT_COLORS=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],getColor=function(t){return PRESET_COLOR_MAP[t]||t},ALL_CHART_TYPES=["line","scatter","bar","percentage","heatmap","pie"],COMPATIBLE_CHARTS={bar:["line","scatter","percentage","pie"],line:["scatter","bar","percentage","pie"],pie:["line","scatter","percentage","bar"],scatter:["line","bar","percentage","pie"],percentage:["bar","line","scatter","pie"],heatmap:[]},COLOR_COMPATIBLE_CHARTS={bar:["line","scatter"],line:["scatter","bar"],pie:["percentage"],scatter:["line","bar"],percentage:["pie"],heatmap:[]},EASING={ease:"0.25 0.1 0.25 1",linear:"0 0 1 1",easein:"0.1 0.8 0.2 1",easeout:"0 0 0.58 1",easeinout:"0.42 0 0.58 1"},BaseChart=function(){function t(e,i){if(classCallCheck(this,t),this.rawChartArgs=i,this.parent="string"==typeof e?document.querySelector(e):e,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=INIT_CHART_UPDATE_TIMEOUT,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return createClass(t,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                                                    '+this.subtitle+'
                                                                                                                                                    \n\t\t\t\t
                                                                                                                                                    \n\t\t\t\t
                                                                                                                                                    '}),this.parent.innerHTML="",this.parent.appendChild(this.container),this.chartWrapper=this.container.querySelector(".frappe-chart"),this.statsWrapper=this.container.querySelector(".graph-stats-container")}},{key:"makeTooltip",value:function(){this.tip=new SvgTip({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=getElementContentWidth(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var a=[];e.forEach(function(t){a=a.concat(t.update(i))}),a.length>0?(runSMILAnimation(this.chartWrapper,this.svg,a),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},CHART_POST_ANIMATE_TIMEOUT)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=makeSVGContainer(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=makeSVGDefs(this.svg),this.drawArea=makeSVGGroup(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){isElementInViewport(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return getDifferentChart(t,this.type,this.parent,this.rawChartArgs)}}]),t}(),AggregationChart=function(t){function e(t,i){return classCallCheck(this,e),possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i))}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var a=this.data.labels.map(function(e,i){var a=0;return t.data.datasets.map(function(t){a+=t.values[i]}),[a,e]}).filter(function(t){return t[0]>0}),n=a;if(a.length>i){a.sort(function(t,e){return e[0]-t[0]}),n=a.slice(0,i-1);var r=0;a.slice(i-1).map(function(t){r+=t[0]}),n.push([r,"Rest"]),this.colors[i-1]="grey"}e.labels=[],n.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var t=this,e=this.state;this.statsWrapper.textContent="",this.legendTotals=e.sliceTotals.slice(0,this.config.maxLegendPoints);var i=e.labels;this.legendTotals.map(function(e,a){e&&($.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i[a]+":\n\t\t\t\t\t"+e+"\n\t\t\t\t")})}}]),e}(BaseChart),PercentageChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="percentage",a.setup(),a}return inherits(e,t),createClass(e,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=$.create("div",{className:"div",inside:this.chartWrapper}),this.chart=$.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=$.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var t=this,e=this.state;this.grandTotal=e.sliceTotals.reduce(function(t,e){return t+e},0),e.slices=[],e.sliceTotals.map(function(i,a){var n=$.create("div",{className:"progress-bar","data-index":a,inside:t.percentageBar,styles:{background:t.colors[a],width:100*i/t.grandTotal+"%"}});e.slices.push(n)})}},{key:"bindTooltip",value:function(){var t=this,e=this.state;this.chartWrapper.addEventListener("mousemove",function(i){var a=i.target;if(a.classList.contains("progress-bar")){var n=a.getAttribute("data-index"),r=getOffset(t.chartWrapper),s=getOffset(a),o=s.left-r.left+a.offsetWidth/2,l=s.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[n]:t.state.labels[n])+": ",h=(100*e.sliceTotals[n]/t.grandTotal).toFixed(1);t.tip.setValues(o,l,{name:c,value:h+"%"}),t.tip.showTip()}})}}]),e}(AggregationChart),ChartComponent=function(){function t(e){var i=e.layerClass,a=void 0===i?"":i,n=e.layerTransform,r=void 0===n?"":n,s=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;classCallCheck(this,t),this.layerTransform=r,this.constants=s,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=a,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return createClass(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=makeSVGGroup(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),componentConfigs={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var a=makePath(e,"pie-path","none",t.colors[i]);return a.style.transition="transform .3s;",a})},animateElements:function(t){return this.store.map(function(e,i){return animatePathStr(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return yLine(i,t.labels[a],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,a=this.oldData.positions,n=this.oldData.labels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,labels:i}),this.store.map(function(t,i){return translateHoriLine(t,e[i],a[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,a){return xLine(i,t.calcLabels[a],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,a=this.oldData.positions,n=this.oldData.calcLabels,r=equilizeNoOfElements(a,e),s=slicedToArray(r,2);a=s[0],e=s[1];var o=equilizeNoOfElements(n,i),l=slicedToArray(o,2);return n=l[0],i=l[1],this.render({positions:a,calcLabels:i}),this.store.map(function(t,i){return translateVertLine(t,e[i],a[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return yMarker(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.position}),n=t.map(function(t){return t.label}),r=this.oldData.map(function(t){return t.position});return this.render(r.map(function(t,e){return{position:r[e],label:n[e]}})),this.store.map(function(t,e){return translateHoriLine(t,a[e],r[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return yRegion(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=equilizeNoOfElements(this.oldData,t),i=slicedToArray(e,2);this.oldData=i[0];var a=(t=i[1]).map(function(t){return t.endPos}),n=t.map(function(t){return t.label}),r=t.map(function(t){return t.startPos}),s=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(s.map(function(t,e){return{startPos:o[e],endPos:s[e],label:n[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(animateRegion(t,r[e],a[e],s[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,a){return datasetBar(t.xPositions[a],i,t.barWidth,e.color,t.labels[a],a,t.offsets[a],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,a=t.yPositions,n=t.offsets,r=t.labels,s=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,h=equilizeNoOfElements(s,i),u=slicedToArray(h,2);s=u[0],i=u[1];var d=equilizeNoOfElements(o,a),p=slicedToArray(d,2);o=p[0],a=p[1];var f=equilizeNoOfElements(l,n),v=slicedToArray(f,2);l=v[0],n=v[1];var g=equilizeNoOfElements(c,r),y=slicedToArray(g,2);c=y[0],r=y[1],this.render({xPositions:s,yPositions:o,offsets:l,labels:r,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var m=[];return this.store.map(function(r,s){m=m.concat(animateBar(r,i[s],a[s],t.barWidth,n[s],e.index,{zeroLine:t.zeroLine}))}),m}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=getPaths(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,a){return datasetDot(t.xPositions[a],i,t.radius,e.color,e.valuesOverPoints?t.values[a]:"",a)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,a=t.values,n=this.oldData.xPositions,r=this.oldData.yPositions,s=this.oldData.values,o=equilizeNoOfElements(n,e),l=slicedToArray(o,2);n=l[0],e=l[1];var c=equilizeNoOfElements(r,i),h=slicedToArray(c,2);r=h[0],i=h[1];var u=equilizeNoOfElements(s,a),d=slicedToArray(u,2);s=d[0],a=d[1],this.render({xPositions:n,yPositions:r,values:a,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var p=[];return Object.keys(this.paths).length&&(p=p.concat(animatePath(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,a){p=p.concat(animateDot(t,e[a],i[a]))}),p}}},PieChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.type="pie",a.initTimeout=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,a=this.clockWise,n=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var r=180-this.config.startAngle;e.sliceTotals.map(function(s,o){var l=r,c=s/e.grandTotal*FULL_ANGLE,h=a?-c:c,u=r+=h,d=getPositionByAngle(l,i),p=getPositionByAngle(u,i),f=t.init&&n[o],v=void 0,g=void 0;t.init?(v=f?f.startPosition:d,g=f?f.endPosition:d):(v=d,g=p);var y=makeArcPathStr(v,g,t.center,t.radius,t.clockWise);e.sliceStrings.push(y),e.slicesProperties.push({startPosition:d,endPosition:p,value:s,total:e.grandTotal,startAngle:l,endAngle:u,angle:h})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=getComponent.apply(void 0,toConsumableArray(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,a=getPositionByAngle(t.startAngle+t.angle/2,e);return"translate3d("+a.x*i+"px,"+a.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,e,i,a){if(t){var n=this.colors[e];if(i){transform(t,this.calTranslateByAngle(this.state.slicesProperties[e])),t.style.fill=lightenDarkenColor(n,50);var r=getOffset(this.svg),s=a.pageX-r.left+10,o=a.pageY-r.top-10,l=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[e]:this.state.labels[e])+": ",c=(100*this.state.sliceTotals[e]/this.state.grandTotal).toFixed(1);this.tip.setValues(s,o,{name:l,value:c+"%"}),this.tip.showTip()}else transform(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=n}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,a=this.curActiveSliceIndex,n=this.curActiveSlice;if(i.includes(e)){var r=i.indexOf(e);this.hoverSlice(n,a,!1),this.curActiveSlice=e,this.curActiveSliceIndex=r,this.hoverSlice(e,r,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),e}(AggregationChart),Heatmap=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));a.type="heatmap",a.domain=i.domain||"",a.subdomain=i.subdomain||"",a.data=i.data||{},a.discreteDomains=0===i.discreteDomains?0:1,a.countLabel=i.countLabel||"";var n=new Date;a.start=i.start||addDays(n,365);var r=(i.legendColors||[]).slice(0,5);return a.legendColors=a.validate_colors(r)?r:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],a.distribution_size=5,a.translateX=0,a.setup(),a}return inherits(e,t),createClass(e,[{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=10,this.translateY=10}},{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){isValidColor(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&addDays(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&addDays(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=getWeeksBetween(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=makeSVGGroup(this.drawArea,"domain-label-group chart-label"),this.dataGroups=makeSVGGroup(this.drawArea,"data-groups","translate(0, 20)"),this.container.querySelector(".title").style.display="None",this.container.querySelector(".sub-title").style.display="None",this.container.querySelector(".graph-stats-container").style.display="None",this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=calcDistribution(e,this.distribution_size),this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0,this.monthStartPoints.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(a=1,this.discreteDomains&&(n=1),this.monthStartPoints.push(13+12*(e+n))),t=v}return[r,a]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var a=makeText("y-value-text",e+12,10,t.monthNames[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(a)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),a=e.target.getAttribute("data-date").split("-"),n=t.monthNames[parseInt(a[1])-1].substring(0,3),r=t.chartWrapper.getBoundingClientRect(),s=e.target.getBoundingClientRect(),o=parseInt(e.target.getAttribute("width")),l=s.left-r.left+(o+2)/2,c=s.top-r.top-(o+2)/2,h=i+" "+t.countLabel,u=" on "+n+" "+a[0]+", "+a[2];t.tip.setValues(l,c,{name:u,value:h,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(BaseChart),AxisChart=function(t){function e(t,i){classCallCheck(this,e);var a=possibleConstructorReturn(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));return a.barOptions=i.barOptions||{},a.lineOptions=i.lineOptions||{},a.type=i.type||"line",a.init=1,a.setup(),a}return inherits(e,t),createClass(e,[{key:"configure",value:function(t){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=Y_AXIS_MARGIN,this.rightMargin=Y_AXIS_MARGIN}},{key:"prepareData",value:function(){return dataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return zeroDataPrep(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return floatTwo(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=calcChartIntervals(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/getValueRange(e),a=getIntervalSize(e)*i,n=this.height-getZeroIndex(e)*a;this.state.yAxis={labels:e,positions:e.map(function(t){return n-t*i}),scaleMultiplier:i,zeroLine:n},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return scale(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var a=t.values,n=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:a,yPositions:e(a),cumulativeYs:n,cumulativeYPos:e(n)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;s--){var o=i.xAxis.positions[s];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[s]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.name,value:a?a(t.values[s]):t.values[s],color:e.colors[i]}});this.tip.setValues(l,c,{name:r[s],value:""},h,s),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var t=this,e=this.data;this.statsWrapper.textContent="",e.datasets.length>1&&e.datasets.map(function(e,i){$.create("div",{className:"stats",inside:t.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+e.name+"\n\t\t\t\t"})}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=makeOverlay[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];updateOverlay[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,fire(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,i){var 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;this.data.labels.length<=1||(get(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),e}(BaseChart),chartTypes={percentage:PercentageChart,heatmap:Heatmap,pie:PieChart},Chart=function t(e,i){return classCallCheck(this,t),getChartByType(i.type,e,i)};export default Chart;
diff --git a/dist/frappe-charts.min.iife.js b/dist/frappe-charts.min.iife.js
index 1bd7d07..7a995bf 100644
--- a/dist/frappe-charts.min.iife.js
+++ b/dist/frappe-charts.min.iife.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*Pt)*e,y:Math.cos(t*Pt)*e}}function c(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function 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 u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,_t,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Ot)}function d(t,e,i){return u(t,[0,i],[0,e],Ot)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Ot,_t],u(t,[0,n],[0,i],Ot)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=c(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=xt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Mt,_t],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Ot)]:[[t,{width:n,height:o,x:e,y:l},Mt,_t]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Ot)]:[[t,{cx:e,cy:i},Mt,_t]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Dt,_t];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,c=[t.region,{d:"M"+o+s+l},Dt,_t];a.push(c)}return a}function m(t,e){return[t,{d:e},Mt,_t]}function b(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function x(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)b(a).appendChild(i);else if("around"===n){var s=b(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ft(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 k(t,e){return x("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function w(t,e,i,n){return x("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function A(t,e,i,n){return x("svg",{className:e,inside:t,width:i,height:n})}function T(t){return x("defs",{inside:t})}function L(t,e){return x("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function P(t){return x("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 M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=k(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),w(a,"0%",e,s[0]),w(a,"50%",e,s[1]),w(a,"100%",e,s[2]),n}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),x("rect",r)}function C(t,e,i,n){return x("text",{className:t,x:e,y:i,dy:Wt/2+"px","font-size":Wt+"px",innerHTML:n})}function _(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=x("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=x("text",{x:0,y:i>n?i+St:i-St-Wt,dy:Wt+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:e+""}),o=x("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=x("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=x("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=-1*Nt,s="span"===n.mode?i+Nt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Nt,s=i),a+=n.offset,s+=n.offset,N(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=i+Nt,s="span"===n.mode?-1*Nt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Nt,s=0),_(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=x("text",{className:"chart-label",x:i-o(e,5)-St,y:0,dy:Wt/-2+"px","font-size":Wt+"px","text-anchor":"start",innerHTML:e+""}),s=N(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function j(t,e,i,n){var a=t-e,s=x("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=x("text",{className:"chart-label",x:i-o(n+"",4.5)-St,y:0,dy:Wt/-2+"px","font-size":Wt+"px","text-anchor":"start",innerHTML:n+""}),l=x("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=c(e,o.zeroLine),h=xt(l,2),u=h[0],p=h[1],d=x("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=x("text",{className:"data-point-value",x:i/2,y:0,dy:Wt/2*-1+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:a}),v=x("g",{"data-point-index":s,transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function F(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=x("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=x("text",{className:"data-point-value",x:0,y:0,dy:Wt/2*-1-i+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:a}),l=x("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function H(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=P("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var c=D(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=P(h,"region-fill","none","url(#"+c+")")}return l}function Y(t){return t>255?255:t<0?0:t}function R(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=Y((a>>16)+e),r=Y((a>>8&255)+e),o=Y((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function I(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function G(t,e,i,n){if(t!==e){Rt.includes(t)||console.error("'"+t+"' is not a valid chart type."),It[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Gt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new te(i,n)}}function V(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:Vt[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(p.type=a);for(var d in p)c.setAttribute(d,p[d]);r.appendChild(c),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function q(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function B(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=V.apply(void 0,kt(t)),l=xt(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 U(t,e,i){if(0!==i.length){var n=B(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Ct)}}function X(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Xt(a)}function J(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function K(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function $(t,e){return Math.ceil(Q(t,e)/7)}function Q(t,e){return(J(e)-J(t))/864e5}function Z(t,e){t.setDate(t.getDate()+e)}function tt(t){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 et(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 it(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=tt(t),n=xt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=et(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function nt(t){function e(t,e){for(var i=it(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,kt(t)),a=Math.min.apply(Math,kt(t)),s=[];if(n>=0&&a>=0)tt(n)[1],s=i?it(n,a):it(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(tt(n)[1],s=e(n,r)):(tt(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);tt(o)[1],s=(s=i?it(o,l):it(o)).reverse().map(function(t){return-1*t})}return s}function at(t){var e=st(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 st(t){return t[1]-t[0]}function rt(t){return t[t.length-1]-t[0]}function ot(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function lt(t,e){for(var i=Math.max.apply(Math,kt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(Tt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Lt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Qt(e,i)):"bar"===t?(i.type="bar",new Qt(e,i)):"axis-mixed"===t?(i.type="line",new Qt(e,i)):Zt[t]?new Zt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ft="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},vt=(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")}),gt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                                                      \n\t\t\t\t
                                                                                                                                                      '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),At=700,Tt=["line","bar"],Lt=7,Pt=Math.PI/180,Mt=350,Dt=350,Ot=Mt,Ct=250,_t="easein",Nt=6,St=4,Wt=10,Et="#dadada",jt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},zt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Ft={"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"},Ht=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return Ft[t]||t},Rt=["line","scatter","bar","percentage","heatmap","pie"],It={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:[]},Gt={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"},qt=function(){function e(t,i){if(vt(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=At,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return gt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                                                      '+this.subtitle+'
                                                                                                                                                      \n\t\t\t\t
                                                                                                                                                      \n\t\t\t\t
                                                                                                                                                      '}),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 wt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(U(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=A(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=T(this.svg),this.drawArea=L(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return G(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Bt=function(e){function i(t,e){return vt(this,i),bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return mt(i,e),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.statsWrapper.textContent="",this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(qt),Ut=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return mt(n,i),gt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=t.create("div",{className:"progress-bar","data-index":a,inside:e.percentageBar,styles:{background:e.colors[a],width:100*n/e.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,c=o.top-r.top-6,h=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,c,{name:h,value:u+"%"}),t.tip.showTip()}})}}]),n}(Bt),Xt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;vt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return gt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=L(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=P(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return m(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return S(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=xt(s,2);n=r[0],e=r[1];var o=h(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return W(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=h(n,e),r=xt(s,2);n=r[0],e=r[1];var o=h(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return E(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return j(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return z(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,u=h(r,i),p=xt(u,2);r=p[0],i=p[1];var d=h(o,n),f=xt(d,2);o=f[0],n=f[1];var g=h(l,a),y=xt(g,2);l=y[0],a=y[1];var m=h(c,s),b=xt(m,2);c=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=H(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return F(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=xt(o,2);a=l[0],e=l[1];var c=h(s,i),u=xt(c,2);s=u[0],i=u[1];var p=h(r,n),d=xt(p,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){vt(this,i);var n=bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.setup(),n}return mt(i,t),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var c=s,h=r/e.grandTotal*360,u=n?-h:h,p=s+=u,d=l(c,i),f=l(p,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=M(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grandTotal,startAngle:c,endAngle:p,angle:u})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=X.apply(void 0,kt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){q(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=R(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,c=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",h=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:c,value:h+"%"}),this.tip.showTip()}else q(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(Bt),$t=function(t){function e(t,i){vt(this,e);var n=bt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discreteDomains=0===i.discreteDomains?0:1,n.countLabel=i.countLabel||"";var a=new Date;n.start=i.start||Z(a,365);var s=(i.legendColors||[]).slice(0,5);return n.legendColors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return mt(e,t),gt(e,[{key:"setMargins",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=10,this.translateY=10}},{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){I(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&Z(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&Z(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=$(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=L(this.drawArea,"domain-label-group chart-label"),this.dataGroups=L(this.drawArea,"data-groups","translate(0, 20)"),this.container.querySelector(".title").style.display="None",this.container.querySelector(".sub-title").style.display="None",this.container.querySelector(".graph-stats-container").style.display="None",this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=lt(e,this.distribution_size),this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0,this.monthStartPoints.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(n=1,this.discreteDomains&&(a=1),this.monthStartPoints.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var n=C("y-value-text",e+12,10,t.monthNames[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.monthNames[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,c=r.top-s.top-(o+2)/2,h=i+" "+t.countLabel,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,c,{name:u,value:h,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(qt),Qt=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.barOptions=e.barOptions||{},i.lineOptions=e.lineOptions||{},i.type=e.type||"line",i.setup(),i}return mt(n,i),gt(n,[{key:"configure",value:function(t){yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return ht(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ut(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=nt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/rt(e),n=st(e)*i,a=this.height-at(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return ot(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[r]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,c,{name:s[r],value:""},h,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var e=this,i=this.data;this.statsWrapper.textContent="",i.datasets.length>1&&i.datasets.map(function(i,n){t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i.name+"\n\t\t\t\t"})}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=jt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];zt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"addDataPoint",this).call(this,t,e,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,n){t.values.splice(i,0,e[n])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),n}(qt),Zt={percentage:Ut,heatmap:$t,pie:Kt},te=function t(e,i){return vt(this,t),dt(i.type,e,i)};return te}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*Lt)*e,y:Math.cos(t*Lt)*e}}function h(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,_t,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Ot)}function d(t,e,i){return u(t,[0,i],[0,e],Ot)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Ot,_t],u(t,[0,n],[0,i],Ot)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=xt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Mt,_t],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Ot)]:[[t,{width:n,height:o,x:e,y:l},Mt,_t]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Ot)]:[[t,{cx:e,cy:i},Mt,_t]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Dt,_t];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Dt,_t];a.push(h)}return a}function m(t,e){return[t,{d:e},Mt,_t]}function b(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function x(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)b(a).appendChild(i);else if("around"===n){var s=b(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ft(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 k(t,e){return x("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function w(t,e,i,n){return x("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function A(t,e,i,n){return x("svg",{className:e,inside:t,width:i,height:n})}function T(t){return x("defs",{inside:t})}function P(t,e){return x("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function L(t){return x("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 M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=k(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),w(a,"0%",e,s[0]),w(a,"50%",e,s[1]),w(a,"100%",e,s[2]),n}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),x("rect",r)}function C(t,e,i,n){return x("text",{className:t,x:e,y:i,dy:Wt/2+"px","font-size":Wt+"px",innerHTML:n})}function _(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=x("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=x("text",{x:0,y:i>n?i+St:i-St-Wt,dy:Wt+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:e+""}),o=x("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=x("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=x("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=-1*Nt,s="span"===n.mode?i+Nt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Nt,s=i),a+=n.offset,s+=n.offset,N(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=i+Nt,s="span"===n.mode?-1*Nt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Nt,s=0),_(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=x("text",{className:"chart-label",x:i-o(e,5)-St,y:0,dy:Wt/-2+"px","font-size":Wt+"px","text-anchor":"start",innerHTML:e+""}),s=N(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function j(t,e,i,n){var a=t-e,s=x("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=x("text",{className:"chart-label",x:i-o(n+"",4.5)-St,y:0,dy:Wt/-2+"px","font-size":Wt+"px","text-anchor":"start",innerHTML:n+""}),l=x("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=h(e,o.zeroLine),c=xt(l,2),u=c[0],p=c[1],d=x("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=x("text",{className:"data-point-value",x:i/2,y:0,dy:Wt/2*-1+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:a}),v=x("g",{"data-point-index":s,transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function F(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=x("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=x("text",{className:"data-point-value",x:0,y:0,dy:Wt/2*-1-i+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:a}),l=x("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function H(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=L("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=D(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=L(c,"region-fill","none","url(#"+h+")")}return l}function R(t){return t>255?255:t<0?0:t}function Y(t,e){var i=Rt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=R((a>>16)+e),r=R((a>>8&255)+e),o=R((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function I(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function G(t,e,i,n){if(t!==e){Yt.includes(t)||console.error("'"+t+"' is not a valid chart type."),It[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Gt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new te(i,n)}}function V(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],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 q(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function B(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=V.apply(void 0,kt(t)),l=xt(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 U(t,e,i){if(0!==i.length){var n=B(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Ct)}}function X(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Xt(a)}function J(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function K(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function $(t,e){return Math.ceil(Q(t,e)/7)}function Q(t,e){return(J(e)-J(t))/864e5}function Z(t,e){t.setDate(t.getDate()+e)}function tt(t){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 et(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 it(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=tt(t),n=xt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=et(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function nt(t){function e(t,e){for(var i=it(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,kt(t)),a=Math.min.apply(Math,kt(t)),s=[];if(n>=0&&a>=0)tt(n)[1],s=i?it(n,a):it(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(tt(n)[1],s=e(n,r)):(tt(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);tt(o)[1],s=(s=i?it(o,l):it(o)).reverse().map(function(t){return-1*t})}return s}function at(t){var e=st(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 st(t){return t[1]-t[0]}function rt(t){return t[t.length-1]-t[0]}function ot(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function lt(t,e){for(var i=Math.max.apply(Math,kt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(Tt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Pt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Qt(e,i)):"bar"===t?(i.type="bar",new Qt(e,i)):"axis-mixed"===t?(i.type="line",new Qt(e,i)):Zt[t]?new Zt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ft="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},vt=(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")}),gt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                                                        \n\t\t\t\t
                                                                                                                                                        '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),At=700,Tt=["line","bar"],Pt=7,Lt=Math.PI/180,Mt=350,Dt=350,Ot=Mt,Ct=250,_t="easein",Nt=6,St=4,Wt=10,Et="#dadada",jt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},zt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Ft={"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"},Ht=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Rt=function(t){return Ft[t]||t},Yt=["line","scatter","bar","percentage","heatmap","pie"],It={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:[]},Gt={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"},qt=function(){function e(t,i){if(vt(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=At,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return gt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                                                        '+this.subtitle+'
                                                                                                                                                        \n\t\t\t\t
                                                                                                                                                        \n\t\t\t\t
                                                                                                                                                        '}),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 wt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(U(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=A(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=T(this.svg),this.drawArea=P(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return G(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Bt=function(e){function i(t,e){return vt(this,i),bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return mt(i,e),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.statsWrapper.textContent="",this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(qt),Ut=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return mt(n,i),gt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=t.create("div",{className:"progress-bar","data-index":a,inside:e.percentageBar,styles:{background:e.colors[a],width:100*n/e.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,h,{name:c,value:u+"%"}),t.tip.showTip()}})}}]),n}(Bt),Xt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;vt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return gt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=P(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=L(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return m(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return S(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=c(n,e),r=xt(s,2);n=r[0],e=r[1];var o=c(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return W(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=c(n,e),r=xt(s,2);n=r[0],e=r[1];var o=c(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return E(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return j(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.startPos}),r=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(r.map(function(t,e){return{startPos:o[e],endPos:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return z(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),p=xt(u,2);r=p[0],i=p[1];var d=c(o,n),f=xt(d,2);o=f[0],n=f[1];var g=c(l,a),y=xt(g,2);l=y[0],a=y[1];var m=c(h,s),b=xt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=H(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return F(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=c(a,e),l=xt(o,2);a=l[0],e=l[1];var h=c(s,i),u=xt(h,2);s=u[0],i=u[1];var p=c(r,n),d=xt(p,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){vt(this,i);var n=bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.setup(),n}return mt(i,t),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var h=s,c=r/e.grandTotal*360,u=n?-c:c,p=s+=u,d=l(h,i),f=l(p,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=M(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grandTotal,startAngle:h,endAngle:p,angle:u})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=X.apply(void 0,kt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){q(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=Y(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:h,value:c+"%"}),this.tip.showTip()}else q(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(Bt),$t=function(t){function e(t,i){vt(this,e);var n=bt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discreteDomains=0===i.discreteDomains?0:1,n.countLabel=i.countLabel||"";var a=new Date;n.start=i.start||Z(a,365);var s=(i.legendColors||[]).slice(0,5);return n.legendColors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return mt(e,t),gt(e,[{key:"setMargins",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=10,this.translateY=10}},{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){I(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&Z(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&Z(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=$(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=P(this.drawArea,"domain-label-group chart-label"),this.dataGroups=P(this.drawArea,"data-groups","translate(0, 20)"),this.container.querySelector(".title").style.display="None",this.container.querySelector(".sub-title").style.display="None",this.container.querySelector(".graph-stats-container").style.display="None",this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=lt(e,this.distribution_size),this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0,this.monthStartPoints.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(n=1,this.discreteDomains&&(a=1),this.monthStartPoints.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var n=C("y-value-text",e+12,10,t.monthNames[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.monthNames[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.countLabel,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,{name:u,value:c,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(qt),Qt=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.barOptions=e.barOptions||{},i.lineOptions=e.lineOptions||{},i.type=e.type||"line",i.init=1,i.setup(),i}return mt(n,i),gt(n,[{key:"configure",value:function(t){yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return ct(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ut(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=nt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/rt(e),n=st(e)*i,a=this.height-at(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return ot(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,h=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,h,{name:s[r],value:""},c,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var e=this,i=this.data;this.statsWrapper.textContent="",i.datasets.length>1&&i.datasets.map(function(i,n){t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i.name+"\n\t\t\t\t"})}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=jt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];zt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"addDataPoint",this).call(this,t,e,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,n){t.values.splice(i,0,e[n])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),n}(qt),Zt={percentage:Ut,heatmap:$t,pie:Kt},te=function t(e,i){return vt(this,t),dt(i.type,e,i)};return te}();
 //# sourceMappingURL=frappe-charts.min.iife.js.map
diff --git a/dist/frappe-charts.min.iife.js.map b/dist/frappe-charts.min.iife.js.map
index 457918b..5fba5d0 100644
--- a/dist/frappe-charts.min.iife.js.map
+++ b/dist/frappe-charts.min.iife.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/animate.js","../src/js/utils/draw.js","../src/js/utils/colors.js","../src/js/config.js","../src/js/utils/animation.js","../src/js/objects/ChartComponents.js","../src/js/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","// 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\nexport function getMonthName(i) {\n\tlet monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t];\n\treturn monthNames[i];\n}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                                                                                          \n\t\t\t\t
                                                                                                                                                          `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 50;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                                                                                          ${this.title}
                                                                                                                                                          \n\t\t\t\t
                                                                                                                                                          ${this.subtitle}
                                                                                                                                                          \n\t\t\t\t
                                                                                                                                                          \n\t\t\t\t
                                                                                                                                                          `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.renderLegend();\n\t\t}\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.statsWrapper.textContent = '';\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet xValues = s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${xValues[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.chartWrapper), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.chartWrapper.addEventListener('mousemove', this.mouseMove);\n\t\tthis.chartWrapper.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legendColors = (options.legendColors || []).slice(0, 5);\n\t\tthis.legendColors = this.validate_colors(legendColors)\n\t\t\t? legendColors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = 10;\n\t\tthis.translateY = 10;\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.firstWeekStart = new Date(this.start.toDateString());\n\t\tthis.lastWeekStart = new Date(this.today.toDateString());\n\t\tif(this.firstWeekStart.getDay() !== 7) {\n\t\t\taddDays(this.firstWeekStart, (-1) * this.firstWeekStart.getDay());\n\t\t}\n\t\tif(this.lastWeekStart.getDay() !== 7) {\n\t\t\taddDays(this.lastWeekStart, (-1) * this.lastWeekStart.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\n\t\tthis.container.querySelector('.title').style.display = 'None';\n\t\tthis.container.querySelector('.sub-title').style.display = 'None';\n\t\tthis.container.querySelector('.graph-stats-container').style.display = 'None';\n\t\tthis.chartWrapper.style.marginTop = '0px';\n\t\tthis.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet dataValues = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(dataValues, this.distribution_size);\n\n\t\tthis.monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet currentWeekSunday = new Date(this.firstWeekStart);\n\t\tthis.weekCol = 0;\n\t\tthis.currentMonth = currentWeekSunday.getMonth();\n\n\t\tthis.months = [this.currentMonth + ''];\n\t\tthis.monthWeeks = {}, this.monthStartPoints = [];\n\t\tthis.monthWeeks[this.currentMonth] = 0;\n\t\tthis.monthStartPoints.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet dataGroup, monthChange = 0;\n\t\t\tlet day = new Date(currentWeekSunday);\n\n\t\t\t[dataGroup, monthChange] = this.get_week_squares_group(day, this.weekCol);\n\t\t\tthis.dataGroups.appendChild(dataGroup);\n\t\t\tthis.weekCol += 1 + parseInt(this.discreteDomains && monthChange);\n\t\t\tthis.monthWeeks[this.currentMonth]++;\n\t\t\tif(monthChange) {\n\t\t\t\tthis.currentMonth = (this.currentMonth + 1) % 12;\n\t\t\t\tthis.months.push(this.currentMonth + '');\n\t\t\t\tthis.monthWeeks[this.currentMonth] = 1;\n\t\t\t}\n\t\t\taddDays(currentWeekSunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(currentDate, index) {\n\t\tconst noOfWeekdays = 7;\n\t\tconst squareSide = 10;\n\t\tconst cellPadding = 2;\n\t\tconst step = 1;\n\t\tconst todayTime = this.today.getTime();\n\n\t\tlet monthChange = 0;\n\t\tlet weekColChange = 0;\n\n\t\tlet dataGroup = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < noOfWeekdays; i += step, y += (squareSide + cellPadding)) {\n\t\t\tlet dataValue = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet currentTimestamp = currentDate.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(currentTimestamp - (currentTimestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdataValue = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdataValue = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(dataValue) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(dataValue, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + weekColChange) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(currentDate),\n\t\t\t\t'data-value': dataValue,\n\t\t\t\t'data-day': currentDate.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, squareSide,\n\t\t\t\tthis.legendColors[colorIndex], dataAttr);\n\n\t\t\tdataGroup.appendChild(heatSquare);\n\n\t\t\tlet nextDate = new Date(currentDate);\n\t\t\taddDays(nextDate, 1);\n\t\t\tif(nextDate.getTime() > todayTime) break;\n\n\n\t\t\tif(nextDate.getMonth() - currentDate.getMonth()) {\n\t\t\t\tmonthChange = 1;\n\t\t\t\tif(this.discreteDomains) {\n\t\t\t\t\tweekColChange = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.monthStartPoints.push(13 + (index + weekColChange) * 12);\n\t\t\t}\n\t\t\tcurrentDate = nextDate;\n\t\t}\n\n\t\treturn [dataGroup, monthChange];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.firstWeekStart.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.monthStartPoints.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.monthStartPoints.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.monthStartPoints.shift();\n\t\tthis.months.pop();\n\t\tthis.monthStartPoints.pop();\n\n\t\tthis.monthStartPoints.map((start, i) => {\n\t\t\tlet month_name =  this.monthNames[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.monthNames[parseInt(dateParts[1])-1].substring(0, 3);\n\n\t\t\t\tlet gOff = this.chartWrapper.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { $, getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tthis.statsWrapper.textContent = '';\n\n\t\tif(s.datasets.length > 1) {\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${d.name}\n\t\t\t\t`;\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","INIT_CHART_UPDATE_TIMEOUT","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","initTimeout","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","textContent","legendTotals","xValues","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discreteDomains","countLabel","today","legendColors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","firstWeekStart","toDateString","lastWeekStart","getDay","no_of_cols","domainLabelGroup","dataGroups","display","dataValues","monthNames","renderAllWeeksAndStoreXValues","no_of_weeks","currentWeekSunday","weekCol","currentMonth","months","monthWeeks","monthStartPoints","dataGroup","monthChange","day","get_week_squares_group","render_month_labels","currentDate","todayTime","getTime","weekColChange","squareSide","dataValue","colorIndex","currentTimestamp","timestamp","round","dataAttr","heatSquare","nextDate","shift","pop","substring","prototype","call","querySelectorAll","dateParts","month","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","_this6","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"frappe-charts.min.iife.js","sources":["../src/js/utils/dom.js","../src/js/utils/helpers.js","../src/js/utils/draw-utils.js","../src/js/utils/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/utils/date-utils.js","../src/js/utils/intervals.js","../src/js/utils/axis-chart-utils.js","../src/js/chart.js","../src/js/objects/SvgTip.js","../src/js/utils/constants.js","../src/js/charts/BaseChart.js","../src/js/charts/AggregationChart.js","../src/js/charts/PercentageChart.js","../src/js/charts/PieChart.js","../src/js/charts/Heatmap.js","../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = [];\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.startPos, region.endPos, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.endPos);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.startPos);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstartPos: oldStarts[i],\n\t\t\t\t\tendPos: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\nexport function getMonthName(i) {\n\tlet monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t];\n\treturn monthNames[i];\n}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                                                                                            \n\t\t\t\t
                                                                                                                                                            `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 50;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                                                                                            ${this.title}
                                                                                                                                                            \n\t\t\t\t
                                                                                                                                                            ${this.subtitle}
                                                                                                                                                            \n\t\t\t\t
                                                                                                                                                            \n\t\t\t\t
                                                                                                                                                            `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.renderLegend();\n\t\t}\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.statsWrapper.textContent = '';\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet xValues = s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${xValues[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.chartWrapper), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.chartWrapper.addEventListener('mousemove', this.mouseMove);\n\t\tthis.chartWrapper.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legendColors = (options.legendColors || []).slice(0, 5);\n\t\tthis.legendColors = this.validate_colors(legendColors)\n\t\t\t? legendColors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = 10;\n\t\tthis.translateY = 10;\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.firstWeekStart = new Date(this.start.toDateString());\n\t\tthis.lastWeekStart = new Date(this.today.toDateString());\n\t\tif(this.firstWeekStart.getDay() !== 7) {\n\t\t\taddDays(this.firstWeekStart, (-1) * this.firstWeekStart.getDay());\n\t\t}\n\t\tif(this.lastWeekStart.getDay() !== 7) {\n\t\t\taddDays(this.lastWeekStart, (-1) * this.lastWeekStart.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\n\t\tthis.container.querySelector('.title').style.display = 'None';\n\t\tthis.container.querySelector('.sub-title').style.display = 'None';\n\t\tthis.container.querySelector('.graph-stats-container').style.display = 'None';\n\t\tthis.chartWrapper.style.marginTop = '0px';\n\t\tthis.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet dataValues = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(dataValues, this.distribution_size);\n\n\t\tthis.monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet currentWeekSunday = new Date(this.firstWeekStart);\n\t\tthis.weekCol = 0;\n\t\tthis.currentMonth = currentWeekSunday.getMonth();\n\n\t\tthis.months = [this.currentMonth + ''];\n\t\tthis.monthWeeks = {}, this.monthStartPoints = [];\n\t\tthis.monthWeeks[this.currentMonth] = 0;\n\t\tthis.monthStartPoints.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet dataGroup, monthChange = 0;\n\t\t\tlet day = new Date(currentWeekSunday);\n\n\t\t\t[dataGroup, monthChange] = this.get_week_squares_group(day, this.weekCol);\n\t\t\tthis.dataGroups.appendChild(dataGroup);\n\t\t\tthis.weekCol += 1 + parseInt(this.discreteDomains && monthChange);\n\t\t\tthis.monthWeeks[this.currentMonth]++;\n\t\t\tif(monthChange) {\n\t\t\t\tthis.currentMonth = (this.currentMonth + 1) % 12;\n\t\t\t\tthis.months.push(this.currentMonth + '');\n\t\t\t\tthis.monthWeeks[this.currentMonth] = 1;\n\t\t\t}\n\t\t\taddDays(currentWeekSunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(currentDate, index) {\n\t\tconst noOfWeekdays = 7;\n\t\tconst squareSide = 10;\n\t\tconst cellPadding = 2;\n\t\tconst step = 1;\n\t\tconst todayTime = this.today.getTime();\n\n\t\tlet monthChange = 0;\n\t\tlet weekColChange = 0;\n\n\t\tlet dataGroup = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < noOfWeekdays; i += step, y += (squareSide + cellPadding)) {\n\t\t\tlet dataValue = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet currentTimestamp = currentDate.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(currentTimestamp - (currentTimestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdataValue = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdataValue = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(dataValue) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(dataValue, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + weekColChange) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(currentDate),\n\t\t\t\t'data-value': dataValue,\n\t\t\t\t'data-day': currentDate.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, squareSide,\n\t\t\t\tthis.legendColors[colorIndex], dataAttr);\n\n\t\t\tdataGroup.appendChild(heatSquare);\n\n\t\t\tlet nextDate = new Date(currentDate);\n\t\t\taddDays(nextDate, 1);\n\t\t\tif(nextDate.getTime() > todayTime) break;\n\n\n\t\t\tif(nextDate.getMonth() - currentDate.getMonth()) {\n\t\t\t\tmonthChange = 1;\n\t\t\t\tif(this.discreteDomains) {\n\t\t\t\t\tweekColChange = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.monthStartPoints.push(13 + (index + weekColChange) * 12);\n\t\t\t}\n\t\t\tcurrentDate = nextDate;\n\t\t}\n\n\t\treturn [dataGroup, monthChange];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.firstWeekStart.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.monthStartPoints.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.monthStartPoints.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.monthStartPoints.shift();\n\t\tthis.months.pop();\n\t\tthis.monthStartPoints.pop();\n\n\t\tthis.monthStartPoints.map((start, i) => {\n\t\t\tlet month_name =  this.monthNames[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.monthNames[parseInt(dateParts[1])-1].substring(0, 3);\n\n\t\t\t\tlet gOff = this.chartWrapper.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { $, getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.startPos = scale(d.start, s.yAxis);\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\tlet allValueLists = this.data.datasets.map(d => d[key]);\n\t\tif(this.data.yMarkers) {\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.data.yRegions.map(d => {\n\t\t\t\tallValueLists.push([d.end, d.start]);\n\t\t\t})\n\t\t}\n\n\t\treturn [].concat(...allValueLists);\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tthis.statsWrapper.textContent = '';\n\n\t\tif(s.datasets.length > 1) {\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${d.name}\n\t\t\t\t`;\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tif (this.data.labels.length <= 1) {\n\t\t\treturn;\n\t\t}\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","INIT_CHART_UPDATE_TIMEOUT","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","initTimeout","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","textContent","legendTotals","xValues","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","startPos","endPos","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discreteDomains","countLabel","today","legendColors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","firstWeekStart","toDateString","lastWeekStart","getDay","no_of_cols","domainLabelGroup","dataGroups","display","dataValues","monthNames","renderAllWeeksAndStoreXValues","no_of_weeks","currentWeekSunday","weekCol","currentMonth","months","monthWeeks","monthStartPoints","dataGroup","monthChange","day","get_week_squares_group","render_month_labels","currentDate","todayTime","getTime","weekColChange","squareSide","dataValue","colorIndex","currentTimestamp","timestamp","round","dataAttr","heatSquare","nextDate","shift","pop","substring","prototype","call","querySelectorAll","dateParts","month","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","_this6","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/img/frappe-bird.png b/docs/assets/img/frappe-bird.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd19e7bfc4747564bf49955ca26305dafe9a0640
GIT binary patch
literal 7647
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
VaUDwx_+u=fsj90|@xb!U{{d;`kiq}}

literal 0
HcmV?d00001

diff --git a/docs/assets/js/frappe-charts.min.js b/docs/assets/js/frappe-charts.min.js
index ce77013..18ba0b2 100644
--- a/docs/assets/js/frappe-charts.min.js
+++ b/docs/assets/js/frappe-charts.min.js
@@ -1,2 +1,2 @@
-var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*Pt)*e,y:Math.cos(t*Pt)*e}}function c(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function 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 u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,_t,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Ot)}function d(t,e,i){return u(t,[0,i],[0,e],Ot)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Ot,_t],u(t,[0,n],[0,i],Ot)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=c(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=xt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Mt,_t],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Ot)]:[[t,{width:n,height:o,x:e,y:l},Mt,_t]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Ot)]:[[t,{cx:e,cy:i},Mt,_t]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Dt,_t];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,c=[t.region,{d:"M"+o+s+l},Dt,_t];a.push(c)}return a}function m(t,e){return[t,{d:e},Mt,_t]}function b(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function x(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)b(a).appendChild(i);else if("around"===n){var s=b(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ft(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 k(t,e){return x("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function w(t,e,i,n){return x("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function A(t,e,i,n){return x("svg",{className:e,inside:t,width:i,height:n})}function T(t){return x("defs",{inside:t})}function L(t,e){return x("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function P(t){return x("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 M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=k(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),w(a,"0%",e,s[0]),w(a,"50%",e,s[1]),w(a,"100%",e,s[2]),n}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),x("rect",r)}function C(t,e,i,n){return x("text",{className:t,x:e,y:i,dy:Wt/2+"px","font-size":Wt+"px",innerHTML:n})}function _(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=x("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=x("text",{x:0,y:i>n?i+St:i-St-Wt,dy:Wt+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:e+""}),o=x("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=x("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=x("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=-1*Nt,s="span"===n.mode?i+Nt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Nt,s=i),a+=n.offset,s+=n.offset,N(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=i+Nt,s="span"===n.mode?-1*Nt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Nt,s=0),_(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=x("text",{className:"chart-label",x:i-o(e,5)-St,y:0,dy:Wt/-2+"px","font-size":Wt+"px","text-anchor":"start",innerHTML:e+""}),s=N(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function j(t,e,i,n){var a=t-e,s=x("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=x("text",{className:"chart-label",x:i-o(n+"",4.5)-St,y:0,dy:Wt/-2+"px","font-size":Wt+"px","text-anchor":"start",innerHTML:n+""}),l=x("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=c(e,o.zeroLine),h=xt(l,2),u=h[0],p=h[1],d=x("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=x("text",{className:"data-point-value",x:i/2,y:0,dy:Wt/2*-1+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:a}),v=x("g",{"data-point-index":s,transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function F(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=x("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=x("text",{className:"data-point-value",x:0,y:0,dy:Wt/2*-1-i+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:a}),l=x("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function H(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=P("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var c=D(a.svgDefs,i,!0),h="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=P(h,"region-fill","none","url(#"+c+")")}return l}function Y(t){return t>255?255:t<0?0:t}function R(t,e){var i=Yt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=Y((a>>16)+e),r=Y((a>>8&255)+e),o=Y((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function I(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function G(t,e,i,n){if(t!==e){Rt.includes(t)||console.error("'"+t+"' is not a valid chart type."),It[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Gt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new te(i,n)}}function V(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var c=void 0;c="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var h=s[l]||t.getAttribute(l),u=e[l],p={attributeName:l,from:h,to:u,begin:"0s",dur:i/1e3+"s",values:h+";"+u,keySplines:Vt[n],keyTimes:"0;1",calcMode:"spline",fill:"freeze"};a&&(p.type=a);for(var d in p)c.setAttribute(d,p[d]);r.appendChild(c),a?o.setAttribute(l,"translate("+u+")"):o.setAttribute(l,u)}return[r,o]}function q(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function B(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=V.apply(void 0,kt(t)),l=xt(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 U(t,e,i){if(0!==i.length){var n=B(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Ct)}}function X(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Xt(a)}function J(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function K(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function $(t,e){return Math.ceil(Q(t,e)/7)}function Q(t,e){return(J(e)-J(t))/864e5}function Z(t,e){t.setDate(t.getDate()+e)}function tt(t){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 et(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 it(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=tt(t),n=xt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=et(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function nt(t){function e(t,e){for(var i=it(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,kt(t)),a=Math.min.apply(Math,kt(t)),s=[];if(n>=0&&a>=0)tt(n)[1],s=i?it(n,a):it(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(tt(n)[1],s=e(n,r)):(tt(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);tt(o)[1],s=(s=i?it(o,l):it(o)).reverse().map(function(t){return-1*t})}return s}function at(t){var e=st(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 st(t){return t[1]-t[0]}function rt(t){return t[t.length-1]-t[0]}function ot(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function lt(t,e){for(var i=Math.max.apply(Math,kt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(Tt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Lt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Qt(e,i)):"bar"===t?(i.type="bar",new Qt(e,i)):"axis-mixed"===t?(i.type="line",new Qt(e,i)):Zt[t]?new Zt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ft="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},vt=(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")}),gt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                                                              \n\t\t\t\t
                                                                                                                                                              '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),At=700,Tt=["line","bar"],Lt=7,Pt=Math.PI/180,Mt=350,Dt=350,Ot=Mt,Ct=250,_t="easein",Nt=6,St=4,Wt=10,Et="#dadada",jt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},zt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Ft={"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"},Ht=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Yt=function(t){return Ft[t]||t},Rt=["line","scatter","bar","percentage","heatmap","pie"],It={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:[]},Gt={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"},qt=function(){function e(t,i){if(vt(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=At,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return gt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                                                              '+this.subtitle+'
                                                                                                                                                              \n\t\t\t\t
                                                                                                                                                              \n\t\t\t\t
                                                                                                                                                              '}),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 wt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(U(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=A(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=T(this.svg),this.drawArea=L(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return G(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Bt=function(e){function i(t,e){return vt(this,i),bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return mt(i,e),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.statsWrapper.textContent="",this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(qt),Ut=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return mt(n,i),gt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=t.create("div",{className:"progress-bar","data-index":a,inside:e.percentageBar,styles:{background:e.colors[a],width:100*n/e.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,c=o.top-r.top-6,h=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,c,{name:h,value:u+"%"}),t.tip.showTip()}})}}]),n}(Bt),Xt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,c=e.animateElements;vt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=c,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return gt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=L(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=P(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return m(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return S(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=xt(s,2);n=r[0],e=r[1];var o=h(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return W(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=h(n,e),r=xt(s,2);n=r[0],e=r[1];var o=h(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return E(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=h(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});this.oldData.map(function(t){return t.label});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return j(t.start,t.end,e.constants.width,t.label)})},animateElements:function(t){var e=h(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.end}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.start}),r=this.oldData.map(function(t){return t.end}),o=(this.oldData.map(function(t){return t.label}),this.oldData.map(function(t){return t.start}));this.render(r.map(function(t,e){return{start:o[e],end:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return z(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,c=this.oldData.labels,u=h(r,i),p=xt(u,2);r=p[0],i=p[1];var d=h(o,n),f=xt(d,2);o=f[0],n=f[1];var g=h(l,a),y=xt(g,2);l=y[0],a=y[1];var m=h(c,s),b=xt(m,2);c=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=H(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return F(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=h(a,e),l=xt(o,2);a=l[0],e=l[1];var c=h(s,i),u=xt(c,2);s=u[0],i=u[1];var p=h(r,n),d=xt(p,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){vt(this,i);var n=bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.setup(),n}return mt(i,t),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var c=s,h=r/e.grandTotal*360,u=n?-h:h,p=s+=u,d=l(c,i),f=l(p,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=M(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grandTotal,startAngle:c,endAngle:p,angle:u})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=X.apply(void 0,kt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){q(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=R(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,c=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",h=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:c,value:h+"%"}),this.tip.showTip()}else q(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(Bt),$t=function(t){function e(t,i){vt(this,e);var n=bt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discreteDomains=0===i.discreteDomains?0:1,n.countLabel=i.countLabel||"";var a=new Date;n.start=i.start||Z(a,365);var s=(i.legendColors||[]).slice(0,5);return n.legendColors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return mt(e,t),gt(e,[{key:"setMargins",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=10,this.translateY=10}},{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){I(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&Z(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&Z(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=$(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=L(this.drawArea,"domain-label-group chart-label"),this.dataGroups=L(this.drawArea,"data-groups","translate(0, 20)"),this.container.querySelector(".title").style.display="None",this.container.querySelector(".sub-title").style.display="None",this.container.querySelector(".graph-stats-container").style.display="None",this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=lt(e,this.distribution_size),this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0,this.monthStartPoints.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(n=1,this.discreteDomains&&(a=1),this.monthStartPoints.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var n=C("y-value-text",e+12,10,t.monthNames[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.monthNames[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,c=r.top-s.top-(o+2)/2,h=i+" "+t.countLabel,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,c,{name:u,value:h,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(qt),Qt=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.barOptions=e.barOptions||{},i.lineOptions=e.lineOptions||{},i.type=e.type||"line",i.setup(),i}return mt(n,i),gt(n,[{key:"configure",value:function(t){yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return ht(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ut(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=nt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/rt(e),n=st(e)*i,a=this.height-at(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return ot(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,c=i.yExtremes[r]+this.translateY,h=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,c,{name:s[r],value:""},h,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var e=this,i=this.data;this.statsWrapper.textContent="",i.datasets.length>1&&i.datasets.map(function(i,n){t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i.name+"\n\t\t\t\t"})}},{key:"makeOverlay",value:function(){var t=this;this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=jt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];zt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"addDataPoint",this).call(this,t,e,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,n){t.values.splice(i,0,e[n])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data)}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),n}(qt),Zt={percentage:Ut,heatmap:$t,pie:Kt},te=function t(e,i){return vt(this,t),dt(i.type,e,i)};return te}();
+var Chart=function(){"use strict";function t(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function e(t){var e=t.getBoundingClientRect();return{top:e.top+(document.documentElement.scrollTop||document.body.scrollTop),left:e.left+(document.documentElement.scrollLeft||document.body.scrollLeft)}}function i(t){var e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}function n(t){var e=window.getComputedStyle(t),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight);return t.clientWidth-i}function a(t,e,i){var n=document.createEvent("HTMLEvents");n.initEvent(e,!0,!0);for(var a in i)n[a]=i[a];return t.dispatchEvent(n)}function s(t){return parseFloat(t.toFixed(2))}function r(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];i||(i=n?t[0]:t[t.length-1]);var a=new Array(Math.abs(e)).fill(i);return t=n?a.concat(t):t.concat(a)}function o(t,e){return(t+"").length*e}function l(t,e){return{x:Math.sin(t*Lt)*e,y:Math.cos(t*Lt)*e}}function h(t,e){var i=void 0,n=void 0;return t<=e?(i=e-t,n=t):(i=t-e,n=e),[i,n]}function c(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.length-t.length;return i>0?t=r(t,i):e=r(e,i),[t,e]}function u(t,e,i,n){var a="string"==typeof e?e:e.join(", ");return[t,{transform:i.join(", ")},n,_t,"translate",{transform:a}]}function p(t,e,i){return u(t,[i,0],[e,0],Ot)}function d(t,e,i){return u(t,[0,i],[0,e],Ot)}function f(t,e,i,n){var a=e-i,s=t.childNodes[0];return[[s,{height:a,"stroke-dasharray":s.getAttribute("width")+", "+a},Ot,_t],u(t,[0,n],[0,i],Ot)]}function v(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=h(i,(arguments.length>6&&void 0!==arguments[6]?arguments[6]:{}).zeroLine),r=xt(s,2),o=r[0],l=r[1];return l-=a,"rect"!==t.nodeName?[[t.childNodes[0],{width:n,height:o},Mt,_t],u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,l],Ot)]:[[t,{width:n,height:o,x:e,y:l},Mt,_t]]}function g(t,e,i){return"circle"!==t.nodeName?[u(t,t.getAttribute("transform").split("(")[1].slice(0,-1),[e,i],Ot)]:[[t,{cx:e,cy:i},Mt,_t]]}function y(t,e,i,n){var a=[],s=i.map(function(t,i){return e[i]+","+t}).join("L"),r=[t.path,{d:"M"+s},Dt,_t];if(a.push(r),t.region){var o=e[0]+","+n+"L",l="L"+e.slice(-1)[0]+", "+n,h=[t.region,{d:"M"+o+s+l},Dt,_t];a.push(h)}return a}function m(t,e){return[t,{d:e},Mt,_t]}function b(t,e){return"string"==typeof t?(e||document).querySelector(t):t||null}function x(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)b(a).appendChild(i);else if("around"===n){var s=b(a);s.parentNode.insertBefore(i,s),i.appendChild(s)}else"styles"===n?"object"===(void 0===a?"undefined":ft(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 k(t,e){return x("linearGradient",{inside:t,id:e,x1:0,x2:0,y1:0,y2:1})}function w(t,e,i,n){return x("stop",{inside:t,style:"stop-color: "+i,offset:e,"stop-opacity":n})}function A(t,e,i,n){return x("svg",{className:e,inside:t,width:i,height:n})}function T(t){return x("defs",{inside:t})}function P(t,e){return x("g",{className:e,inside:t,transform:arguments.length>2&&void 0!==arguments[2]?arguments[2]:""})}function L(t){return x("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 M(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,s=i.x+t.x,r=i.y+t.y,o=i.x+e.x,l=i.y+e.y;return"M"+i.x+" "+i.y+"\n\t\tL"+s+" "+r+"\n\t\tA "+n+" "+n+" 0 0 "+(a?1:0)+"\n\t\t"+o+" "+l+" z"}function D(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n="path-fill-gradient-"+e+"-"+(i?"lighter":"default"),a=k(t,n),s=[1,.6,.2];return i&&(s=[.4,.2,0]),w(a,"0%",e,s[0]),w(a,"50%",e,s[1]),w(a,"100%",e,s[2]),n}function O(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"none",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r={className:t,x:e,y:i,width:n,height:n,fill:a};return Object.keys(s).map(function(t){r[t]=s[t]}),x("rect",r)}function C(t,e,i,n){return x("text",{className:t,x:e,y:i,dy:Wt/2+"px","font-size":Wt+"px",innerHTML:n})}function _(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et);var s=x("line",{className:"line-vertical "+a.className,x1:0,x2:0,y1:i,y2:n,styles:{stroke:a.stroke}}),r=x("text",{x:0,y:i>n?i+St:i-St-Wt,dy:Wt+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:e+""}),o=x("g",{transform:"translate("+t+", 0)"});return o.appendChild(s),o.appendChild(r),o}function N(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};a.stroke||(a.stroke=Et),a.lineType||(a.lineType="");var s=x("line",{className:"line-horizontal "+a.className+("dashed"===a.lineType?"dashed":""),x1:i,x2:n,y1:0,y2:0,styles:{stroke:a.stroke}}),r=x("text",{x:i3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="left"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=-1*Nt,s="span"===n.mode?i+Nt:0;return"tick"===n.mode&&"right"===n.pos&&(a=i+Nt,s=i),a+=n.offset,s+=n.offset,N(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function W(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};n.pos||(n.pos="bottom"),n.offset||(n.offset=0),n.mode||(n.mode="span"),n.stroke||(n.stroke=Et),n.className||(n.className="");var a=i+Nt,s="span"===n.mode?-1*Nt:i;return"tick"===n.mode&&"top"===n.pos&&(a=-1*Nt,s=0),_(t,e,a,s,{stroke:n.stroke,className:n.className,lineType:n.lineType})}function E(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=x("text",{className:"chart-label",x:i-o(e,5)-St,y:0,dy:Wt/-2+"px","font-size":Wt+"px","text-anchor":"start",innerHTML:e+""}),s=N(t,"",0,i,{stroke:n.stroke||Et,className:n.className||"",lineType:n.lineType});return s.appendChild(a),s}function j(t,e,i,n){var a=t-e,s=x("rect",{className:"bar mini",styles:{fill:"rgba(228, 234, 239, 0.49)",stroke:Et,"stroke-dasharray":i+", "+a},x:0,y:0,width:i,height:a}),r=x("text",{className:"chart-label",x:i-o(n+"",4.5)-St,y:0,dy:Wt/-2+"px","font-size":Wt+"px","text-anchor":"start",innerHTML:n+""}),l=x("g",{transform:"translate(0, "+e+")"});return l.appendChild(s),l.appendChild(r),l}function z(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:{},l=h(e,o.zeroLine),c=xt(l,2),u=c[0],p=c[1],d=x("rect",{className:"bar mini",style:"fill: "+n,"data-point-index":s,x:t,y:p-=r,width:i,height:u||o.minHeight});if((a+="")||a.length){d.setAttribute("y",0),d.setAttribute("x",0);var f=x("text",{className:"data-point-value",x:i/2,y:0,dy:Wt/2*-1+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:a}),v=x("g",{"data-point-index":s,transform:"translate("+t+", "+p+")"});return v.appendChild(d),v.appendChild(f),v}return d}function F(t,e,i,n){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=x("circle",{style:"fill: "+n,"data-point-index":s,cx:t,cy:e,r:i});if((a+="")||a.length){r.setAttribute("cy",0),r.setAttribute("cx",0);var o=x("text",{className:"data-point-value",x:0,y:0,dy:Wt/2*-1-i+"px","font-size":Wt+"px","text-anchor":"middle",innerHTML:a}),l=x("g",{"data-point-index":s,transform:"translate("+t+", "+e+")"});return l.appendChild(r),l.appendChild(o),l}return r}function H(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},s=e.map(function(e,i){return t[i]+","+e}).join("L"),r=L("M"+s,"line-graph-path",i);if(n.heatline){var o=D(a.svgDefs,i);r.style.stroke="url(#"+o+")"}var l={path:r};if(n.regionFill){var h=D(a.svgDefs,i,!0),c="M"+t[0]+","+a.zeroLine+"L"+s+"L"+t.slice(-1)[0]+","+a.zeroLine;l.region=L(c,"region-fill","none","url(#"+h+")")}return l}function R(t){return t>255?255:t<0?0:t}function Y(t,e){var i=Rt(t),n=!1;"#"==i[0]&&(i=i.slice(1),n=!0);var a=parseInt(i,16),s=R((a>>16)+e),r=R((a>>8&255)+e),o=R((255&a)+e);return(n?"#":"")+(o|r<<8|s<<16).toString(16)}function I(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}function G(t,e,i,n){if(t!==e){Yt.includes(t)||console.error("'"+t+"' is not a valid chart type."),It[e].includes(t)||console.error("'"+e+"' chart cannot be converted to a '"+t+"' chart.");var a=Gt[e].includes(t);return n.type=t,n.colors=a?n.colors:void 0,new te(i,n)}}function V(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"linear",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,s=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},r=t.cloneNode(!0),o=t.cloneNode(!0);for(var l in e){var h=void 0;h="transform"===l?document.createElementNS("http://www.w3.org/2000/svg","animateTransform"):document.createElementNS("http://www.w3.org/2000/svg","animate");var c=s[l]||t.getAttribute(l),u=e[l],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 q(t,e){t.style.transform=e,t.style.webkitTransform=e,t.style.msTransform=e,t.style.mozTransform=e,t.style.oTransform=e}function B(t,e){var i=[],n=[];e.map(function(t){var e=t[0],a=e.parentNode,s=void 0,r=void 0;t[0]=e;var o=V.apply(void 0,kt(t)),l=xt(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 U(t,e,i){if(0!==i.length){var n=B(e,i);e.parentNode==t&&(t.removeChild(e),t.appendChild(n)),setTimeout(function(){n.parentNode==t&&(t.removeChild(n),t.appendChild(e))},Ct)}}function X(t,e,i){var n=Object.keys(Jt).filter(function(e){return t.includes(e)}),a=Jt[n[0]];return Object.assign(a,{constants:e,getData:i}),new Xt(a)}function J(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}function K(t){var e=t.getDate(),i=t.getMonth()+1;return[(e>9?"":"0")+e,(i>9?"":"0")+i,t.getFullYear()].join("-")}function $(t,e){return Math.ceil(Q(t,e)/7)}function Q(t,e){return(J(e)-J(t))/864e5}function Z(t,e){t.setDate(t.getDate()+e)}function tt(t){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 et(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 it(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=tt(t),n=xt(i,2),a=n[0],s=n[1],r=e?e/Math.pow(10,s):0,o=et(a=a.toFixed(6),r);return o=o.map(function(t){return t*Math.pow(10,s)})}function nt(t){function e(t,e){for(var i=it(t),n=i[1]-i[0],a=0,s=1;a1&&void 0!==arguments[1]&&arguments[1],n=Math.max.apply(Math,kt(t)),a=Math.min.apply(Math,kt(t)),s=[];if(n>=0&&a>=0)tt(n)[1],s=i?it(n,a):it(n);else if(n>0&&a<0){var r=Math.abs(a);n>=r?(tt(n)[1],s=e(n,r)):(tt(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);tt(o)[1],s=(s=i?it(o,l):it(o)).reverse().map(function(t){return-1*t})}return s}function at(t){var e=st(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 st(t){return t[1]-t[0]}function rt(t){return t[t.length-1]-t[0]}function ot(t,e){return s(e.zeroLine-t*e.scaleMultiplier)}function lt(t,e){for(var i=Math.max.apply(Math,kt(t)),n=1/(e-1),a=[],s=0;si?s.slice(0,i):r(s,i-s.length,0)}else t.values=a;t.chartType||(Tt.includes(e),t.chartType=e)}),t.yRegions&&t.yRegions.map(function(t){if(t.end1&&void 0!==arguments[1]?arguments[1]:[],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=t/e.length/Pt;return e.map(function(t,e){return(t+="").length>n&&(i?e%Math.ceil(t.length/n)!=0&&(t=""):t=n-3>0?t.slice(0,n-3)+" ...":t.slice(0,n)+".."),t})}function dt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"line",e=arguments[1],i=arguments[2];return"line"===t?(i.type="line",new Qt(e,i)):"bar"===t?(i.type="bar",new Qt(e,i)):"axis-mixed"===t?(i.type="line",new Qt(e,i)):Zt[t]?new Zt[t](e,i):void console.error("Undefined chart type: "+t)}!function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.chart-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px}.chart-container .graph-stats-container:after,.chart-container .graph-stats-container:before{content:"";display:block}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .dataset-units circle{stroke:#fff;stroke-width:2}.chart-container .dataset-units path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container .dataset-path,.chart-container .multiaxis-chart .line-horizontal,.chart-container .multiaxis-chart .y-axis-guide{stroke-width:2px}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .axis-line .specific-value{text-anchor:start}.chart-container .axis-line .y-line{text-anchor:end}.chart-container .axis-line .x-line{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}',{});var ft="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},vt=(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")}),gt=function(){function t(t,e){for(var i=0;i\n\t\t\t\t
                                                                                                                                                                \n\t\t\t\t
                                                                                                                                                                '}),this.hideTip(),this.title=this.container.querySelector(".title"),this.dataPointList=this.container.querySelector(".data-point-list"),this.parent.addEventListener("mouseleave",function(){e.hideTip()})}},{key:"fill",value:function(){var e=this,i=void 0;this.index&&this.container.setAttribute("data-point-index",this.index),i=this.titleValueFirst?""+this.titleValue+""+this.titleName:this.titleName+""+this.titleValue+"",this.title.innerHTML=i,this.dataPointList.innerHTML="",this.listValues.map(function(i,n){var a=e.colors[n]||"black",s=t.create("li",{styles:{"border-top":"3px solid "+a},innerHTML:''+(0===i.value||i.value?i.value:"")+"\n\t\t\t\t\t"+(i.title?i.title:"")});e.dataPointList.appendChild(s)})}},{key:"calcPosition",value:function(){var t=this.container.offsetWidth;this.top=this.y-this.container.offsetHeight,this.left=this.x-t/2;var e=this.parent.offsetWidth-t,i=this.container.querySelector(".svg-pointer");if(this.left<0)i.style.left="calc(50% - "+-1*this.left+"px)",this.left=0;else if(this.left>e){var n="calc(50% + "+(this.left-e)+"px)";i.style.left=n,this.left=e}else i.style.left="50%"}},{key:"setValues",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:-1;this.titleName=i.name,this.titleValue=i.value,this.listValues=n,this.x=t,this.y=e,this.titleValueFirst=i.valueFirst||0,this.index=a,this.refresh()}},{key:"hideTip",value:function(){this.container.style.top="0px",this.container.style.left="0px",this.container.style.opacity="0"}},{key:"showTip",value:function(){this.container.style.top=this.top+"px",this.container.style.left=this.left+"px",this.container.style.opacity="1"}}]),e}(),At=700,Tt=["line","bar"],Pt=7,Lt=Math.PI/180,Mt=350,Dt=350,Ot=Mt,Ct=250,_t="easein",Nt=6,St=4,Wt=10,Et="#dadada",jt={bar:function(t){var e=void 0;"rect"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode();return i.style.fill="#000000",i.style.opacity="0.4",e&&i.setAttribute("transform",e),i},dot:function(t){var e=void 0;"circle"!==t.nodeName&&(e=t.getAttribute("transform"),t=t.childNodes[0]);var i=t.cloneNode(),n=t.getAttribute("r"),a=t.getAttribute("fill");return i.setAttribute("r",parseInt(n)+4),i.setAttribute("fill",a),i.style.opacity="0.6",e&&i.setAttribute("transform",e),i}},zt={bar:function(t,e){var i=void 0;"rect"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["x","y","width","height"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)},dot:function(t,e){var i=void 0;"circle"!==t.nodeName&&(i=t.getAttribute("transform"),t=t.childNodes[0]);var n=["cx","cy"];Object.values(t.attributes).filter(function(t){return n.includes(t.name)&&t.specified}).map(function(t){e.setAttribute(t.name,t.nodeValue)}),i&&e.setAttribute("transform",i)}},Ft={"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"},Ht=["light-blue","blue","violet","red","orange","yellow","green","light-green","purple","magenta","light-grey","dark-grey"],Rt=function(t){return Ft[t]||t},Yt=["line","scatter","bar","percentage","heatmap","pie"],It={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:[]},Gt={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"},qt=function(){function e(t,i){if(vt(this,e),this.rawChartArgs=i,this.parent="string"==typeof t?document.querySelector(t):t,!(this.parent instanceof HTMLElement))throw new Error("No `parent` element to render on was provided.");this.title=i.title||"",this.subtitle=i.subtitle||"",this.argHeight=i.height||240,this.type=i.type||"",this.realData=this.prepareData(i.data),this.data=this.prepareFirstData(this.realData),this.colors=[],this.config={showTooltip:1,showLegend:i.showLegend||1,isNavigable:i.isNavigable||0,animate:1},this.state={},this.options={},this.initTimeout=At,this.config.isNavigable&&(this.overlays=[]),this.configure(i)}return gt(e,[{key:"configure",value:function(t){var e=this;this.setColors(),this.setMargins(),window.addEventListener("resize",function(){return e.draw(!0)}),window.addEventListener("orientationchange",function(){return e.draw(!0)})}},{key:"setColors",value:function(){var t=this.rawChartArgs,e="percentage"===t.type||"pie"===t.type?t.data.labels:t.data.datasets;!t.colors||e&&t.colors.length'+this.title+'\n\t\t\t\t
                                                                                                                                                                '+this.subtitle+'
                                                                                                                                                                \n\t\t\t\t
                                                                                                                                                                \n\t\t\t\t
                                                                                                                                                                '}),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 wt({parent:this.chartWrapper,colors:this.colors}),this.bindTooltip()}},{key:"bindTooltip",value:function(){}},{key:"draw",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.calcWidth(),this.calc(e),this.makeChartArea(),this.setupComponents(),this.components.forEach(function(e){return e.setup(t.drawArea)}),this.render(this.components,!1),i&&(this.data=this.realData,setTimeout(function(){t.update()},this.initTimeout)),e||this.renderLegend(),this.setupNavigation(i)}},{key:"calcWidth",value:function(){this.baseWidth=n(this.parent),this.width=this.baseWidth-(this.leftMargin+this.rightMargin)}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;this.data=this.prepareData(t),this.calc(),this.render()}},{key:"prepareData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"prepareFirstData",value:function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data}},{key:"calc",value:function(){}},{key:"render",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.components,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.config.isNavigable&&this.overlays.map(function(t){return t.parentNode.removeChild(t)});var n=[];e.forEach(function(t){n=n.concat(t.update(i))}),n.length>0?(U(this.chartWrapper,this.svg,n),setTimeout(function(){e.forEach(function(t){return t.make()}),t.updateNav()},400)):(e.forEach(function(t){return t.make()}),this.updateNav())}},{key:"updateNav",value:function(){this.config.isNavigable&&(this.makeOverlay(),this.bindUnits())}},{key:"makeChartArea",value:function(){this.svg&&this.chartWrapper.removeChild(this.svg),this.svg=A(this.chartWrapper,"chart",this.baseWidth,this.baseHeight),this.svgDefs=T(this.svg),this.drawArea=P(this.svg,this.type+"-chart","translate("+this.leftMargin+", "+this.translateY+")")}},{key:"renderLegend",value:function(){}},{key:"setupNavigation",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.config.isNavigable&&e&&(this.bindOverlay(),this.keyActions={13:this.onEnterKey.bind(this),37:this.onLeftArrow.bind(this),38:this.onUpArrow.bind(this),39:this.onRightArrow.bind(this),40:this.onDownArrow.bind(this)},document.addEventListener("keydown",function(e){i(t.chartWrapper)&&(e=e||window.event,t.keyActions[e.keyCode]&&t.keyActions[e.keyCode]())}))}},{key:"makeOverlay",value:function(){}},{key:"updateOverlay",value:function(){}},{key:"bindOverlay",value:function(){}},{key:"bindUnits",value:function(){}},{key:"onLeftArrow",value:function(){}},{key:"onRightArrow",value:function(){}},{key:"onUpArrow",value:function(){}},{key:"onDownArrow",value:function(){}},{key:"onEnterKey",value:function(){}},{key:"getDataPoint",value:function(){}},{key:"setCurrentDataPoint",value:function(t){}},{key:"updateDataset",value:function(t,e){}},{key:"addDataset",value:function(t,e){}},{key:"removeDataset",value:function(){}},{key:"updateDatasets",value:function(t){}},{key:"updateDataPoint",value:function(t){}},{key:"addDataPoint",value:function(t){}},{key:"removeDataPoint",value:function(){}},{key:"getDifferentChart",value:function(t){return G(t,this.type,this.parent,this.rawChartArgs)}}]),e}(),Bt=function(e){function i(t,e){return vt(this,i),bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e))}return mt(i,e),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.config.maxSlices=t.maxSlices||20,this.config.maxLegendPoints=t.maxLegendPoints||20}},{key:"calc",value:function(){var t=this,e=this.state,i=this.config.maxSlices;e.sliceTotals=[];var n=this.data.labels.map(function(e,i){var n=0;return t.data.datasets.map(function(t){n+=t.values[i]}),[n,e]}).filter(function(t){return t[0]>0}),a=n;if(n.length>i){n.sort(function(t,e){return e[0]-t[0]}),a=n.slice(0,i-1);var s=0;n.slice(i-1).map(function(t){s+=t[0]}),a.push([s,"Rest"]),this.colors[i-1]="grey"}e.labels=[],a.map(function(t){e.sliceTotals.push(t[0]),e.labels.push(t[1])})}},{key:"renderLegend",value:function(){var e=this,i=this.state;this.statsWrapper.textContent="",this.legendTotals=i.sliceTotals.slice(0,this.config.maxLegendPoints);var n=i.labels;this.legendTotals.map(function(i,a){i&&(t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+n[a]+":\n\t\t\t\t\t"+i+"\n\t\t\t\t")})}}]),i}(qt),Ut=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.type="percentage",i.setup(),i}return mt(n,i),gt(n,[{key:"makeChartArea",value:function(){this.chartWrapper.className+=" graph-focus-margin",this.chartWrapper.style.marginTop="45px",this.statsWrapper.className+=" graph-focus-margin",this.statsWrapper.style.marginBottom="30px",this.statsWrapper.style.paddingTop="0px",this.svg=t.create("div",{className:"div",inside:this.chartWrapper}),this.chart=t.create("div",{className:"progress-chart",inside:this.svg}),this.percentageBar=t.create("div",{className:"progress",inside:this.chart})}},{key:"render",value:function(){var e=this,i=this.state;this.grandTotal=i.sliceTotals.reduce(function(t,e){return t+e},0),i.slices=[],i.sliceTotals.map(function(n,a){var s=t.create("div",{className:"progress-bar","data-index":a,inside:e.percentageBar,styles:{background:e.colors[a],width:100*n/e.grandTotal+"%"}});i.slices.push(s)})}},{key:"bindTooltip",value:function(){var t=this,i=this.state;this.chartWrapper.addEventListener("mousemove",function(n){var a=n.target;if(a.classList.contains("progress-bar")){var s=a.getAttribute("data-index"),r=e(t.chartWrapper),o=e(a),l=o.left-r.left+a.offsetWidth/2,h=o.top-r.top-6,c=(t.formattedLabels&&t.formattedLabels.length>0?t.formattedLabels[s]:t.state.labels[s])+": ",u=(100*i.sliceTotals[s]/t.grandTotal).toFixed(1);t.tip.setValues(l,h,{name:c,value:u+"%"}),t.tip.showTip()}})}}]),n}(Bt),Xt=function(){function t(e){var i=e.layerClass,n=void 0===i?"":i,a=e.layerTransform,s=void 0===a?"":a,r=e.constants,o=e.getData,l=e.makeElements,h=e.animateElements;vt(this,t),this.layerTransform=s,this.constants=r,this.makeElements=l,this.getData=o,this.animateElements=h,this.store=[],this.layerClass=n,this.layerClass="function"==typeof this.layerClass?this.layerClass():this.layerClass,this.refresh()}return gt(t,[{key:"refresh",value:function(t){this.data=t||this.getData()}},{key:"setup",value:function(t){this.layer=P(t,this.layerClass,this.layerTransform)}},{key:"make",value:function(){this.render(this.data),this.oldData=this.data}},{key:"render",value:function(t){var e=this;this.store=this.makeElements(t),this.layer.textContent="",this.store.forEach(function(t){e.layer.appendChild(t)})}},{key:"update",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.refresh();var e=[];return t&&(e=this.animateElements(this.data)),e}}]),t}(),Jt={pieSlices:{layerClass:"pie-slices",makeElements:function(t){return t.sliceStrings.map(function(e,i){var n=L(e,"pie-path","none",t.colors[i]);return n.style.transition="transform .3s;",n})},animateElements:function(t){return this.store.map(function(e,i){return m(e,t.sliceStrings[i])})}},yAxis:{layerClass:"y axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return S(i,t.labels[n],e.constants.width,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.labels,n=this.oldData.positions,a=this.oldData.labels,s=c(n,e),r=xt(s,2);n=r[0],e=r[1];var o=c(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,labels:i}),this.store.map(function(t,i){return d(t,e[i],n[i])})}},xAxis:{layerClass:"x axis",makeElements:function(t){var e=this;return t.positions.map(function(i,n){return W(i,t.calcLabels[n],e.constants.height,{mode:e.constants.mode,pos:e.constants.pos})})},animateElements:function(t){var e=t.positions,i=t.calcLabels,n=this.oldData.positions,a=this.oldData.calcLabels,s=c(n,e),r=xt(s,2);n=r[0],e=r[1];var o=c(a,i),l=xt(o,2);return a=l[0],i=l[1],this.render({positions:n,calcLabels:i}),this.store.map(function(t,i){return p(t,e[i],n[i])})}},yMarkers:{layerClass:"y-markers",makeElements:function(t){var e=this;return t.map(function(t){return E(t.position,t.label,e.constants.width,{pos:"right",mode:"span",lineType:"dashed"})})},animateElements:function(t){var e=c(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.position}),a=t.map(function(t){return t.label}),s=this.oldData.map(function(t){return t.position});return this.render(s.map(function(t,e){return{position:s[e],label:a[e]}})),this.store.map(function(t,e){return d(t,n[e],s[e])})}},yRegions:{layerClass:"y-regions",makeElements:function(t){var e=this;return t.map(function(t){return j(t.startPos,t.endPos,e.constants.width,t.label)})},animateElements:function(t){var e=c(this.oldData,t),i=xt(e,2);this.oldData=i[0];var n=(t=i[1]).map(function(t){return t.endPos}),a=t.map(function(t){return t.label}),s=t.map(function(t){return t.startPos}),r=this.oldData.map(function(t){return t.endPos}),o=this.oldData.map(function(t){return t.startPos});this.render(r.map(function(t,e){return{startPos:o[e],endPos:r[e],label:a[e]}}));var l=[];return this.store.map(function(t,e){l=l.concat(f(t,s[e],n[e],r[e]))}),l}},barGraph:{layerClass:function(){return"dataset-units dataset-bars dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="bar",this.units=t.yPositions.map(function(i,n){return z(t.xPositions[n],i,t.barWidth,e.color,t.labels[n],n,t.offsets[n],{zeroLine:t.zeroLine,barsWidth:t.barsWidth,minHeight:e.minHeight})}),this.units},animateElements:function(t){var e=this.constants,i=t.xPositions,n=t.yPositions,a=t.offsets,s=t.labels,r=this.oldData.xPositions,o=this.oldData.yPositions,l=this.oldData.offsets,h=this.oldData.labels,u=c(r,i),p=xt(u,2);r=p[0],i=p[1];var d=c(o,n),f=xt(d,2);o=f[0],n=f[1];var g=c(l,a),y=xt(g,2);l=y[0],a=y[1];var m=c(h,s),b=xt(m,2);h=b[0],s=b[1],this.render({xPositions:r,yPositions:o,offsets:l,labels:s,zeroLine:this.oldData.zeroLine,barsWidth:this.oldData.barsWidth,barWidth:this.oldData.barWidth});var x=[];return this.store.map(function(s,r){x=x.concat(v(s,i[r],n[r],t.barWidth,a[r],e.index,{zeroLine:t.zeroLine}))}),x}},lineGraph:{layerClass:function(){return"dataset-units dataset-line dataset-"+this.constants.index},makeElements:function(t){var e=this.constants;return this.unitType="dot",this.paths={},e.hideLine||(this.paths=H(t.xPositions,t.yPositions,e.color,{heatline:e.heatline,regionFill:e.regionFill},{svgDefs:e.svgDefs,zeroLine:t.zeroLine})),this.units=[],e.hideDots||(this.units=t.yPositions.map(function(i,n){return F(t.xPositions[n],i,t.radius,e.color,e.valuesOverPoints?t.values[n]:"",n)})),Object.values(this.paths).concat(this.units)},animateElements:function(t){var e=t.xPositions,i=t.yPositions,n=t.values,a=this.oldData.xPositions,s=this.oldData.yPositions,r=this.oldData.values,o=c(a,e),l=xt(o,2);a=l[0],e=l[1];var h=c(s,i),u=xt(h,2);s=u[0],i=u[1];var p=c(r,n),d=xt(p,2);r=d[0],n=d[1],this.render({xPositions:a,yPositions:s,values:n,zeroLine:this.oldData.zeroLine,radius:this.oldData.radius});var f=[];return Object.keys(this.paths).length&&(f=f.concat(y(this.paths,e,i,t.zeroLine))),this.units.length&&this.units.map(function(t,n){f=f.concat(g(t,e[n],i[n]))}),f}}},Kt=function(t){function i(t,e){vt(this,i);var n=bt(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t,e));return n.type="pie",n.initTimeout=0,n.setup(),n}return mt(i,t),gt(i,[{key:"configure",value:function(t){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"configure",this).call(this,t),this.mouseMove=this.mouseMove.bind(this),this.mouseLeave=this.mouseLeave.bind(this),this.hoverRadio=t.hoverRadio||.1,this.config.startAngle=t.startAngle||0,this.clockWise=t.clockWise||!1}},{key:"prepareFirstData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data;return this.init=1,t}},{key:"calc",value:function(){yt(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"calc",this).call(this);var t=this.state;this.center={x:this.width/2,y:this.height/2},this.radius=this.height>this.width?this.center.x:this.center.y,t.grandTotal=t.sliceTotals.reduce(function(t,e){return t+e},0),this.calcSlices()}},{key:"calcSlices",value:function(){var t=this,e=this.state,i=this.radius,n=this.clockWise,a=e.slicesProperties||[];e.sliceStrings=[],e.slicesProperties=[];var s=180-this.config.startAngle;e.sliceTotals.map(function(r,o){var h=s,c=r/e.grandTotal*360,u=n?-c:c,p=s+=u,d=l(h,i),f=l(p,i),v=t.init&&a[o],g=void 0,y=void 0;t.init?(g=v?v.startPosition:d,y=v?v.endPosition:d):(g=d,y=f);var m=M(g,y,t.center,t.radius,t.clockWise);e.sliceStrings.push(m),e.slicesProperties.push({startPosition:d,endPosition:f,value:r,total:e.grandTotal,startAngle:h,endAngle:p,angle:u})}),this.init=0}},{key:"setupComponents",value:function(){var t=this.state,e=[["pieSlices",{},function(){return{sliceStrings:t.sliceStrings,colors:this.colors}}.bind(this)]];this.components=new Map(e.map(function(t){var e=X.apply(void 0,kt(t));return[t[0],e]}))}},{key:"calTranslateByAngle",value:function(t){var e=this.radius,i=this.hoverRadio,n=l(t.startAngle+t.angle/2,e);return"translate3d("+n.x*i+"px,"+n.y*i+"px,0)"}},{key:"hoverSlice",value:function(t,i,n,a){if(t){var s=this.colors[i];if(n){q(t,this.calTranslateByAngle(this.state.slicesProperties[i])),t.style.fill=Y(s,50);var r=e(this.svg),o=a.pageX-r.left+10,l=a.pageY-r.top-10,h=(this.formatted_labels&&this.formatted_labels.length>0?this.formatted_labels[i]:this.state.labels[i])+": ",c=(100*this.state.sliceTotals[i]/this.state.grandTotal).toFixed(1);this.tip.setValues(o,l,{name:h,value:c+"%"}),this.tip.showTip()}else q(t,"translate3d(0,0,0)"),this.tip.hideTip(),t.style.fill=s}}},{key:"bindTooltip",value:function(){this.chartWrapper.addEventListener("mousemove",this.mouseMove),this.chartWrapper.addEventListener("mouseleave",this.mouseLeave)}},{key:"mouseMove",value:function(t){var e=t.target,i=this.components.get("pieSlices").store,n=this.curActiveSliceIndex,a=this.curActiveSlice;if(i.includes(e)){var s=i.indexOf(e);this.hoverSlice(a,n,!1),this.curActiveSlice=e,this.curActiveSliceIndex=s,this.hoverSlice(e,s,!0,t)}else this.mouseLeave()}},{key:"mouseLeave",value:function(){this.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,!1)}}]),i}(Bt),$t=function(t){function e(t,i){vt(this,e);var n=bt(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,t,i));n.type="heatmap",n.domain=i.domain||"",n.subdomain=i.subdomain||"",n.data=i.data||{},n.discreteDomains=0===i.discreteDomains?0:1,n.countLabel=i.countLabel||"";var a=new Date;n.start=i.start||Z(a,365);var s=(i.legendColors||[]).slice(0,5);return n.legendColors=n.validate_colors(s)?s:["#ebedf0","#c6e48b","#7bc96f","#239a3b","#196127"],n.distribution_size=5,n.translateX=0,n.setup(),n}return mt(e,t),gt(e,[{key:"setMargins",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"setMargins",this).call(this),this.leftMargin=10,this.translateY=10}},{key:"validate_colors",value:function(t){if(t.length<5)return 0;var e=1;return t.forEach(function(t){I(t)||(e=0,console.warn('"'+t+'" is not a valid color.'))},this),e}},{key:"configure",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"configure",this).call(this),this.today=new Date,this.start||(this.start=new Date,this.start.setFullYear(this.start.getFullYear()-1)),this.firstWeekStart=new Date(this.start.toDateString()),this.lastWeekStart=new Date(this.today.toDateString()),7!==this.firstWeekStart.getDay()&&Z(this.firstWeekStart,-1*this.firstWeekStart.getDay()),7!==this.lastWeekStart.getDay()&&Z(this.lastWeekStart,-1*this.lastWeekStart.getDay()),this.no_of_cols=$(this.firstWeekStart+"",this.lastWeekStart+"")+1}},{key:"calcWidth",value:function(){this.baseWidth=12*(this.no_of_cols+3),this.discreteDomains&&(this.baseWidth+=144)}},{key:"makeChartArea",value:function(){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"makeChartArea",this).call(this),this.domainLabelGroup=P(this.drawArea,"domain-label-group chart-label"),this.dataGroups=P(this.drawArea,"data-groups","translate(0, 20)"),this.container.querySelector(".title").style.display="None",this.container.querySelector(".sub-title").style.display="None",this.container.querySelector(".graph-stats-container").style.display="None",this.chartWrapper.style.marginTop="0px",this.chartWrapper.style.paddingTop="0px"}},{key:"calc",value:function(){var t=this,e=Object.keys(this.data).map(function(e){return t.data[e]});this.distribution=lt(e,this.distribution_size),this.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"]}},{key:"render",value:function(){this.renderAllWeeksAndStoreXValues(this.no_of_cols)}},{key:"renderAllWeeksAndStoreXValues",value:function(t){this.domainLabelGroup.textContent="",this.dataGroups.textContent="";var e=new Date(this.firstWeekStart);this.weekCol=0,this.currentMonth=e.getMonth(),this.months=[this.currentMonth+""],this.monthWeeks={},this.monthStartPoints=[],this.monthWeeks[this.currentMonth]=0,this.monthStartPoints.push(13);for(var i=0;ii)break;v.getMonth()-t.getMonth()&&(n=1,this.discreteDomains&&(a=1),this.monthStartPoints.push(13+12*(e+a))),t=v}return[s,n]}},{key:"render_month_labels",value:function(){var t=this;this.months.shift(),this.monthStartPoints.shift(),this.months.pop(),this.monthStartPoints.pop(),this.monthStartPoints.map(function(e,i){var n=C("y-value-text",e+12,10,t.monthNames[t.months[i]].substring(0,3));t.domainLabelGroup.appendChild(n)})}},{key:"bindTooltip",value:function(){var t=this;Array.prototype.slice.call(document.querySelectorAll(".data-group .day")).map(function(e){e.addEventListener("mouseenter",function(e){var i=e.target.getAttribute("data-value"),n=e.target.getAttribute("data-date").split("-"),a=t.monthNames[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.countLabel,u=" on "+a+" "+n[0]+", "+n[2];t.tip.setValues(l,h,{name:u,value:c,valueFirst:1},[]),t.tip.showTip()})})}},{key:"update",value:function(t){yt(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"update",this).call(this,t),this.bindTooltip()}}]),e}(qt),Qt=function(i){function n(t,e){vt(this,n);var i=bt(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t,e));return i.barOptions=e.barOptions||{},i.lineOptions=e.lineOptions||{},i.type=e.type||"line",i.init=1,i.setup(),i}return mt(n,i),gt(n,[{key:"configure",value:function(t){yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"configure",this).call(this),t.axisOptions=t.axisOptions||{},t.tooltipOptions=t.tooltipOptions||{},this.config.xAxisMode=t.axisOptions.xAxisMode||"span",this.config.yAxisMode=t.axisOptions.yAxisMode||"span",this.config.xIsSeries=t.axisOptions.xIsSeries||0,this.config.formatTooltipX=t.tooltipOptions.formatTooltipX,this.config.formatTooltipY=t.tooltipOptions.formatTooltipY,this.config.valuesOverPoints=t.valuesOverPoints}},{key:"setMargins",value:function(){yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"setMargins",this).call(this),this.leftMargin=60,this.rightMargin=60}},{key:"prepareData",value:function(){return ct(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data,this.type)}},{key:"prepareFirstData",value:function(){return ut(arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.data)}},{key:"calc",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.calcXPositions(),t||this.calcYAxisParameters(this.getAllYValues(),"line"===this.type)}},{key:"calcXPositions",value:function(){var t=this.state,e=this.data.labels;t.datasetLength=e.length,t.unitWidth=this.width/t.datasetLength,t.xOffset=t.unitWidth/2,t.xAxis={labels:e,positions:e.map(function(e,i){return s(t.xOffset+i*t.unitWidth)})}}},{key:"calcYAxisParameters",value:function(t){var e=nt(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"false"),i=this.height/rt(e),n=st(e)*i,a=this.height-at(e)*n;this.state.yAxis={labels:e,positions:e.map(function(t){return a-t*i}),scaleMultiplier:i,zeroLine:a},this.calcDatasetPoints(),this.calcYExtremes(),this.calcYRegions()}},{key:"calcDatasetPoints",value:function(){var t=this.state,e=function(e){return e.map(function(e){return ot(e,t.yAxis)})};t.datasets=this.data.datasets.map(function(t,i){var n=t.values,a=t.cumulativeYs||[];return{name:t.name,index:i,chartType:t.chartType,values:n,yPositions:e(n),cumulativeYs:a,cumulativeYPos:e(a)}})}},{key:"calcYExtremes",value:function(){var t=this.state;if(this.barOptions.stacked)return void(t.yExtremes=t.datasets[t.datasets.length-1].cumulativeYPos);t.yExtremes=new Array(t.datasetLength).fill(9999),t.datasets.map(function(e){e.yPositions.map(function(e,i){e=0;r--){var o=i.xAxis.positions[r];if(t>o-i.unitWidth/2){var l=o+this.leftMargin,h=i.yExtremes[r]+this.translateY,c=this.data.datasets.map(function(t,i){return{title:t.name,value:n?n(t.values[r]):t.values[r],color:e.colors[i]}});this.tip.setValues(l,h,{name:s[r],value:""},c,r),this.tip.showTip();break}}}}},{key:"renderLegend",value:function(){var e=this,i=this.data;this.statsWrapper.textContent="",i.datasets.length>1&&i.datasets.map(function(i,n){t.create("div",{className:"stats",inside:e.statsWrapper}).innerHTML='\n\t\t\t\t\t\n\t\t\t\t\t'+i.name+"\n\t\t\t\t"})}},{key:"makeOverlay",value:function(){var t=this;if(this.init)return void(this.init=0);this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)}),this.overlayGuides=this.dataUnitComponents.map(function(t){return{type:t.unitType,overlay:void 0,units:t.units}}),void 0===this.state.currentIndex&&(this.state.currentIndex=this.state.datasetLength-1),this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];e.overlay=jt[e.type](i),t.drawArea.appendChild(e.overlay)})}},{key:"updateOverlayGuides",value:function(){this.overlayGuides&&this.overlayGuides.forEach(function(t){var e=t.overlay;e.parentNode.removeChild(e)})}},{key:"bindOverlay",value:function(){var t=this;this.parent.addEventListener("data-select",function(){t.updateOverlay()})}},{key:"bindUnits",value:function(){var t=this;this.dataUnitComponents.map(function(e){e.units.map(function(e){e.addEventListener("click",function(){var i=e.getAttribute("data-point-index");t.setCurrentDataPoint(i)})})}),this.tip.container.addEventListener("click",function(){var e=t.tip.container.getAttribute("data-point-index");t.setCurrentDataPoint(e)})}},{key:"updateOverlay",value:function(){var t=this;this.overlayGuides.map(function(e){var i=e.units[t.state.currentIndex];zt[e.type](i,e.overlay)})}},{key:"onLeftArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex-1)}},{key:"onRightArrow",value:function(){this.setCurrentDataPoint(this.state.currentIndex+1)}},{key:"getDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.currentIndex,e=this.state;return{index:t,label:e.xAxis.labels[t],values:e.datasets.map(function(e){return e.values[t]})}}},{key:"setCurrentDataPoint",value:function(t){var e=this.state;(t=parseInt(t))<0&&(t=0),t>=e.xAxis.labels.length&&(t=e.xAxis.labels.length-1),t!==e.currentIndex&&(e.currentIndex=t,a(this.parent,"data-select",this.getDataPoint()))}},{key:"addDataPoint",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.state.datasetLength;yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"addDataPoint",this).call(this,t,e,i),this.data.labels.splice(i,0,t),this.data.datasets.map(function(t,n){t.values.splice(i,0,e[n])}),this.update(this.data)}},{key:"removeDataPoint",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.state.datasetLength-1;this.data.labels.length<=1||(yt(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"removeDataPoint",this).call(this,t),this.data.labels.splice(t,1),this.data.datasets.map(function(e){e.values.splice(t,1)}),this.update(this.data))}},{key:"updateDataset",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;this.data.datasets[e].values=t,this.update(this.data)}},{key:"updateDatasets",value:function(t){this.data.datasets.map(function(e,i){t[i]&&(e.values=t[i])}),this.update(this.data)}}]),n}(qt),Zt={percentage:Ut,heatmap:$t,pie:Kt},te=function t(e,i){return vt(this,t),dt(i.type,e,i)};return te}();
 //# sourceMappingURL=frappe-charts.min.js.map
diff --git a/docs/assets/js/frappe-charts.min.js.map b/docs/assets/js/frappe-charts.min.js.map
index b106764..a97fa4f 100644
--- a/docs/assets/js/frappe-charts.min.js.map
+++ b/docs/assets/js/frappe-charts.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/objects/ChartComponents.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = []\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.start, region.end, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.end);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.start);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.end);\n\t\t\tlet oldLabels = this.oldData.map(d => d.label);\n\t\t\tlet oldStarts = this.oldData.map(d => d.start);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstart: oldStarts[i],\n\t\t\t\t\tend: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t}\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t}\n\n\t\t\tthis.units = []\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t)\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n}\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t})\n\treturn new ChartComponent(config);\n}\n","// 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\nexport function getMonthName(i) {\n\tlet monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t];\n\treturn monthNames[i];\n}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                                                                                                  \n\t\t\t\t
                                                                                                                                                                  `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 50;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                                                                                                  ${this.title}
                                                                                                                                                                  \n\t\t\t\t
                                                                                                                                                                  ${this.subtitle}
                                                                                                                                                                  \n\t\t\t\t
                                                                                                                                                                  \n\t\t\t\t
                                                                                                                                                                  `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.renderLegend();\n\t\t}\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.statsWrapper.textContent = '';\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet xValues = s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${xValues[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.chartWrapper), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.chartWrapper.addEventListener('mousemove', this.mouseMove);\n\t\tthis.chartWrapper.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legendColors = (options.legendColors || []).slice(0, 5);\n\t\tthis.legendColors = this.validate_colors(legendColors)\n\t\t\t? legendColors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = 10;\n\t\tthis.translateY = 10;\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.firstWeekStart = new Date(this.start.toDateString());\n\t\tthis.lastWeekStart = new Date(this.today.toDateString());\n\t\tif(this.firstWeekStart.getDay() !== 7) {\n\t\t\taddDays(this.firstWeekStart, (-1) * this.firstWeekStart.getDay());\n\t\t}\n\t\tif(this.lastWeekStart.getDay() !== 7) {\n\t\t\taddDays(this.lastWeekStart, (-1) * this.lastWeekStart.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\n\t\tthis.container.querySelector('.title').style.display = 'None';\n\t\tthis.container.querySelector('.sub-title').style.display = 'None';\n\t\tthis.container.querySelector('.graph-stats-container').style.display = 'None';\n\t\tthis.chartWrapper.style.marginTop = '0px';\n\t\tthis.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet dataValues = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(dataValues, this.distribution_size);\n\n\t\tthis.monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet currentWeekSunday = new Date(this.firstWeekStart);\n\t\tthis.weekCol = 0;\n\t\tthis.currentMonth = currentWeekSunday.getMonth();\n\n\t\tthis.months = [this.currentMonth + ''];\n\t\tthis.monthWeeks = {}, this.monthStartPoints = [];\n\t\tthis.monthWeeks[this.currentMonth] = 0;\n\t\tthis.monthStartPoints.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet dataGroup, monthChange = 0;\n\t\t\tlet day = new Date(currentWeekSunday);\n\n\t\t\t[dataGroup, monthChange] = this.get_week_squares_group(day, this.weekCol);\n\t\t\tthis.dataGroups.appendChild(dataGroup);\n\t\t\tthis.weekCol += 1 + parseInt(this.discreteDomains && monthChange);\n\t\t\tthis.monthWeeks[this.currentMonth]++;\n\t\t\tif(monthChange) {\n\t\t\t\tthis.currentMonth = (this.currentMonth + 1) % 12;\n\t\t\t\tthis.months.push(this.currentMonth + '');\n\t\t\t\tthis.monthWeeks[this.currentMonth] = 1;\n\t\t\t}\n\t\t\taddDays(currentWeekSunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(currentDate, index) {\n\t\tconst noOfWeekdays = 7;\n\t\tconst squareSide = 10;\n\t\tconst cellPadding = 2;\n\t\tconst step = 1;\n\t\tconst todayTime = this.today.getTime();\n\n\t\tlet monthChange = 0;\n\t\tlet weekColChange = 0;\n\n\t\tlet dataGroup = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < noOfWeekdays; i += step, y += (squareSide + cellPadding)) {\n\t\t\tlet dataValue = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet currentTimestamp = currentDate.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(currentTimestamp - (currentTimestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdataValue = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdataValue = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(dataValue) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(dataValue, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + weekColChange) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(currentDate),\n\t\t\t\t'data-value': dataValue,\n\t\t\t\t'data-day': currentDate.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, squareSide,\n\t\t\t\tthis.legendColors[colorIndex], dataAttr);\n\n\t\t\tdataGroup.appendChild(heatSquare);\n\n\t\t\tlet nextDate = new Date(currentDate);\n\t\t\taddDays(nextDate, 1);\n\t\t\tif(nextDate.getTime() > todayTime) break;\n\n\n\t\t\tif(nextDate.getMonth() - currentDate.getMonth()) {\n\t\t\t\tmonthChange = 1;\n\t\t\t\tif(this.discreteDomains) {\n\t\t\t\t\tweekColChange = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.monthStartPoints.push(13 + (index + weekColChange) * 12);\n\t\t\t}\n\t\t\tcurrentDate = nextDate;\n\t\t}\n\n\t\treturn [dataGroup, monthChange];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.firstWeekStart.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.monthStartPoints.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.monthStartPoints.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.monthStartPoints.shift();\n\t\tthis.months.pop();\n\t\tthis.monthStartPoints.pop();\n\n\t\tthis.monthStartPoints.map((start, i) => {\n\t\t\tlet month_name =  this.monthNames[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.monthNames[parseInt(dateParts[1])-1].substring(0, 3);\n\n\t\t\t\tlet gOff = this.chartWrapper.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { $, getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.start = scale(d.start, s.yAxis);\n\t\t\t\td.end = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\treturn [].concat(...this.data.datasets.map(d => d[key]));\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tthis.statsWrapper.textContent = '';\n\n\t\tif(s.datasets.length > 1) {\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${d.name}\n\t\t\t\t`;\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","INIT_CHART_UPDATE_TIMEOUT","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","initTimeout","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","textContent","legendTotals","xValues","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discreteDomains","countLabel","today","legendColors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","firstWeekStart","toDateString","lastWeekStart","getDay","no_of_cols","domainLabelGroup","dataGroups","display","dataValues","monthNames","renderAllWeeksAndStoreXValues","no_of_weeks","currentWeekSunday","weekCol","currentMonth","months","monthWeeks","monthStartPoints","dataGroup","monthChange","day","get_week_squares_group","render_month_labels","currentDate","todayTime","getTime","weekColChange","squareSide","dataValue","colorIndex","currentTimestamp","timestamp","round","dataAttr","heatSquare","nextDate","shift","pop","substring","prototype","call","querySelectorAll","dateParts","month","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","_this6","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"frappe-charts.min.js","sources":["../../../src/js/utils/dom.js","../../../src/js/utils/helpers.js","../../../src/js/utils/draw-utils.js","../../../src/js/utils/animate.js","../../../src/js/utils/draw.js","../../../src/js/utils/colors.js","../../../src/js/config.js","../../../src/js/utils/animation.js","../../../src/js/objects/ChartComponents.js","../../../src/js/utils/date-utils.js","../../../src/js/utils/intervals.js","../../../src/js/utils/axis-chart-utils.js","../../../src/js/chart.js","../../../src/js/objects/SvgTip.js","../../../src/js/utils/constants.js","../../../src/js/charts/BaseChart.js","../../../src/js/charts/AggregationChart.js","../../../src/js/charts/PercentageChart.js","../../../src/js/charts/PieChart.js","../../../src/js/charts/Heatmap.js","../../../src/js/charts/AxisChart.js"],"sourcesContent":["export function $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function findNodeIndex(node)\n{\n\tvar i = 0;\n\twhile (node.previousSibling) {\n\t\tnode = node.previousSibling;\n\t\ti++;\n\t}\n\treturn i;\n}\n\n$.create = (tag, o) => {\n\tvar element = document.createElement(tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else if (i in element ) {\n\t\t\telement[i] = val;\n\t\t}\n\t\telse {\n\t\t\telement.setAttribute(i, val);\n\t\t}\n\t}\n\n\treturn element;\n};\n\nexport function getOffset(element) {\n\tlet rect = element.getBoundingClientRect();\n\treturn {\n\t\t// https://stackoverflow.com/a/7436602/6495043\n\t\t// rect.top varies with scroll, so we add whatever has been\n\t\t// scrolled to it to get absolute distance from actual page top\n\t\ttop: rect.top + (document.documentElement.scrollTop || document.body.scrollTop),\n\t\tleft: rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft)\n\t};\n}\n\nexport function isElementInViewport(el) {\n\t// Although straightforward: https://stackoverflow.com/a/7557433/6495043\n\tvar rect = el.getBoundingClientRect();\n\n\treturn (\n\t\trect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */\n\t);\n}\n\nexport function getElementContentWidth(element) {\n\tvar styles = window.getComputedStyle(element);\n\tvar padding = parseFloat(styles.paddingLeft) +\n\t\tparseFloat(styles.paddingRight);\n\n\treturn element.clientWidth - padding;\n}\n\nexport function bind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function (event) {\n\t\t\t\telement.addEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function unbind(element, o){\n\tif (element) {\n\t\tfor (var event in o) {\n\t\t\tvar callback = o[event];\n\n\t\t\tevent.split(/\\s+/).forEach(function(event) {\n\t\t\t\telement.removeEventListener(event, callback);\n\t\t\t});\n\t\t}\n\t}\n}\n\nexport function fire(target, type, properties) {\n\tvar evt = document.createEvent(\"HTMLEvents\");\n\n\tevt.initEvent(type, true, true );\n\n\tfor (var j in properties) {\n\t\tevt[j] = properties[j];\n\t}\n\n\treturn target.dispatchEvent(evt);\n}\n","import { ANGLE_RATIO } from './constants';\n\n/**\n * Returns the value of a number upto 2 decimal places.\n * @param {Number} d Any number\n */\nexport function floatTwo(d) {\n\treturn parseFloat(d.toFixed(2));\n}\n\n/**\n * Returns whether or not two given arrays are equal.\n * @param {Array} arr1 First array\n * @param {Array} arr2 Second array\n */\nexport function arraysEqual(arr1, arr2) {\n\tif(arr1.length !== arr2.length) return false;\n\tlet areEqual = true;\n\tarr1.map((d, i) => {\n\t\tif(arr2[i] !== d) areEqual = false;\n\t});\n\treturn areEqual;\n}\n\n/**\n * Shuffles array in place. ES6 version\n * @param {Array} array An array containing the items.\n */\nexport function shuffle(array) {\n\t// Awesomeness: https://bost.ocks.org/mike/shuffle/\n\t// https://stackoverflow.com/a/2450976/6495043\n\t// https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1\n\n\tfor (let i = array.length - 1; i > 0; i--) {\n\t\tlet j = Math.floor(Math.random() * (i + 1));\n\t\t[array[i], array[j]] = [array[j], array[i]];\n\t}\n\n\treturn array;\n}\n\n/**\n * Fill an array with extra points\n * @param {Array} array Array\n * @param {Number} count number of filler elements\n * @param {Object} element element to fill with\n * @param {Boolean} start fill at start?\n */\nexport function fillArray(array, count, element, start=false) {\n\tif(!element) {\n\t\telement = start ? array[0] : array[array.length - 1];\n\t}\n\tlet fillerArray = new Array(Math.abs(count)).fill(element);\n\tarray = start ? fillerArray.concat(array) : array.concat(fillerArray);\n\treturn array;\n}\n\n/**\n * Returns pixel width of string.\n * @param {String} string\n * @param {Number} charWidth Width of single char in pixels\n */\nexport function getStringWidth(string, charWidth) {\n\treturn (string+\"\").length * charWidth;\n}\n\nexport function bindChange(obj, getFn, setFn) {\n\treturn new Proxy(obj, {\n\t\tset: function(target, prop, value) {\n\t\t\tsetFn();\n\t\t\treturn Reflect.set(target, prop, value);\n\t\t},\n\t\tget: function(target, prop, value) {\n\t\t\tgetFn();\n\t\t\treturn Reflect.get(target, prop);\n\t\t}\n\t});\n}\n\nexport function getPositionByAngle(angle, radius) {\n\treturn {\n\t\tx:Math.sin(angle * ANGLE_RATIO) * radius,\n\t\ty:Math.cos(angle * ANGLE_RATIO) * radius,\n\t};\n}\n","import { fillArray } from './helpers';\n\nexport function getBarHeightAndYAttr(yTop, zeroLine) {\n\tlet height, y;\n\tif (yTop <= zeroLine) {\n\t\theight = zeroLine - yTop;\n\t\ty = yTop;\n\t} else {\n\t\theight = yTop - zeroLine;\n\t\ty = zeroLine;\n\t}\n\n\treturn [height, y];\n}\n\nexport function equilizeNoOfElements(array1, array2,\n\textraCount = array2.length - array1.length) {\n\n\t// Doesn't work if either has zero elements.\n\tif(extraCount > 0) {\n\t\tarray1 = fillArray(array1, extraCount);\n\t} else {\n\t\tarray2 = fillArray(array2, extraCount);\n\t}\n\treturn [array1, array2];\n}\n","import { getBarHeightAndYAttr } from './draw-utils';\n\nexport const UNIT_ANIM_DUR = 350;\nexport const PATH_ANIM_DUR = 350;\nexport const MARKER_LINE_ANIM_DUR = UNIT_ANIM_DUR;\nexport const REPLACE_ALL_NEW_DUR = 250;\n\nexport const STD_EASING = 'easein';\n\nexport function translate(unit, oldCoord, newCoord, duration) {\n\tlet old = typeof oldCoord === 'string' ? oldCoord : oldCoord.join(', ');\n\treturn [\n\t\tunit,\n\t\t{transform: newCoord.join(', ')},\n\t\tduration,\n\t\tSTD_EASING,\n\t\t\"translate\",\n\t\t{transform: old}\n\t];\n}\n\nexport function translateVertLine(xLine, newX, oldX) {\n\treturn translate(xLine, [oldX, 0], [newX, 0], MARKER_LINE_ANIM_DUR);\n}\n\nexport function translateHoriLine(yLine, newY, oldY) {\n\treturn translate(yLine, [0, oldY], [0, newY], MARKER_LINE_ANIM_DUR);\n}\n\nexport function animateRegion(rectGroup, newY1, newY2, oldY2) {\n\tlet newHeight = newY1 - newY2;\n\tlet rect = rectGroup.childNodes[0];\n\tlet width = rect.getAttribute(\"width\");\n\tlet rectAnim = [\n\t\trect,\n\t\t{ height: newHeight, 'stroke-dasharray': `${width}, ${newHeight}` },\n\t\tMARKER_LINE_ANIM_DUR,\n\t\tSTD_EASING\n\t]\n\n\tlet groupAnim = translate(rectGroup, [0, oldY2], [0, newY2], MARKER_LINE_ANIM_DUR);\n\treturn [rectAnim, groupAnim];\n}\n\nexport function animateBar(bar, x, yTop, width, offset=0, index=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\tif(bar.nodeName !== 'rect') {\n\t\tlet rect = bar.childNodes[0];\n\t\tlet rectAnim = [\n\t\t\trect,\n\t\t\t{width: width, height: height},\n\t\t\tUNIT_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t]\n\n\t\tlet oldCoordStr = bar.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(bar, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [rectAnim, groupAnim];\n\t} else {\n\t\treturn [[bar, {width: width, height: height, x: x, y: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// bar.animate({height: args.newHeight, y: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animateDot(dot, x, y) {\n\tif(dot.nodeName !== 'circle') {\n\t\tlet oldCoordStr = dot.getAttribute(\"transform\").split(\"(\")[1].slice(0, -1);\n\t\tlet groupAnim = translate(dot, oldCoordStr, [x, y], MARKER_LINE_ANIM_DUR);\n\t\treturn [groupAnim];\n\t} else {\n\t\treturn [[dot, {cx: x, cy: y}, UNIT_ANIM_DUR, STD_EASING]];\n\t}\n\t// dot.animate({cy: yTop}, UNIT_ANIM_DUR, mina.easein);\n}\n\nexport function animatePath(paths, newXList, newYList, zeroLine) {\n\tlet pathComponents = [];\n\n\tlet pointsStr = newYList.map((y, i) => (newXList[i] + ',' + y));\n\tlet pathStr = pointsStr.join(\"L\");\n\n\tconst animPath = [paths.path, {d:\"M\"+pathStr}, PATH_ANIM_DUR, STD_EASING];\n\tpathComponents.push(animPath);\n\n\tif(paths.region) {\n\t\tlet regStartPt = `${newXList[0]},${zeroLine}L`;\n\t\tlet regEndPt = `L${newXList.slice(-1)[0]}, ${zeroLine}`;\n\n\t\tconst animRegion = [\n\t\t\tpaths.region,\n\t\t\t{d:\"M\" + regStartPt + pathStr + regEndPt},\n\t\t\tPATH_ANIM_DUR,\n\t\t\tSTD_EASING\n\t\t];\n\t\tpathComponents.push(animRegion);\n\t}\n\n\treturn pathComponents;\n}\n\nexport function animatePathStr(oldPath, pathStr) {\n\treturn [oldPath, {d: pathStr}, UNIT_ANIM_DUR, STD_EASING];\n}\n\n","import { getBarHeightAndYAttr } from './draw-utils';\nimport { getStringWidth } from './helpers';\nimport { STD_EASING, UNIT_ANIM_DUR, MARKER_LINE_ANIM_DUR, PATH_ANIM_DUR } from './animate';\nimport { DOT_OVERLAY_SIZE_INCR } from './constants';\n\nconst AXIS_TICK_LENGTH = 6;\nconst LABEL_MARGIN = 4;\nexport const FONT_SIZE = 10;\nconst BASE_LINE_COLOR = '#dadada';\nconst BASE_BG_COLOR = '#F7FAFC';\n\nfunction $(expr, con) {\n\treturn typeof expr === \"string\"? (con || document).querySelector(expr) : expr || null;\n}\n\nexport function createSVG(tag, o) {\n\tvar element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n\tfor (var i in o) {\n\t\tvar val = o[i];\n\n\t\tif (i === \"inside\") {\n\t\t\t$(val).appendChild(element);\n\t\t}\n\t\telse if (i === \"around\") {\n\t\t\tvar ref = $(val);\n\t\t\tref.parentNode.insertBefore(element, ref);\n\t\t\telement.appendChild(ref);\n\n\t\t} else if (i === \"styles\") {\n\t\t\tif(typeof val === \"object\") {\n\t\t\t\tObject.keys(val).map(prop => {\n\t\t\t\t\telement.style[prop] = val[prop];\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tif(i === \"className\") { i = \"class\"; }\n\t\t\tif(i === \"innerHTML\") {\n\t\t\t\telement['textContent'] = val;\n\t\t\t} else {\n\t\t\t\telement.setAttribute(i, val);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn element;\n}\n\nfunction renderVerticalGradient(svgDefElem, gradientId) {\n\treturn createSVG('linearGradient', {\n\t\tinside: svgDefElem,\n\t\tid: gradientId,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: 0,\n\t\ty2: 1\n\t});\n}\n\nfunction setGradientStop(gradElem, offset, color, opacity) {\n\treturn createSVG('stop', {\n\t\t'inside': gradElem,\n\t\t'style': `stop-color: ${color}`,\n\t\t'offset': offset,\n\t\t'stop-opacity': opacity\n\t});\n}\n\nexport function makeSVGContainer(parent, className, width, height) {\n\treturn createSVG('svg', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\twidth: width,\n\t\theight: height\n\t});\n}\n\nexport function makeSVGDefs(svgContainer) {\n\treturn createSVG('defs', {\n\t\tinside: svgContainer,\n\t});\n}\n\nexport function makeSVGGroup(parent, className, transform='') {\n\treturn createSVG('g', {\n\t\tclassName: className,\n\t\tinside: parent,\n\t\ttransform: transform\n\t});\n}\n\nexport function wrapInSVGGroup(elements, className='') {\n\tlet g = createSVG('g', {\n\t\tclassName: className\n\t});\n\telements.forEach(e => g.appendChild(e));\n\treturn g;\n}\n\nexport function makePath(pathStr, className='', stroke='none', fill='none') {\n\treturn createSVG('path', {\n\t\tclassName: className,\n\t\td: pathStr,\n\t\tstyles: {\n\t\t\tstroke: stroke,\n\t\t\tfill: fill\n\t\t}\n\t});\n}\n\nexport function makeArcPathStr(startPosition, endPosition, center, radius, clockWise=1){\n\tlet [arcStartX, arcStartY] = [center.x + startPosition.x, center.y + startPosition.y];\n\tlet [arcEndX, arcEndY] = [center.x + endPosition.x, center.y + endPosition.y];\n\n\treturn `M${center.x} ${center.y}\n\t\tL${arcStartX} ${arcStartY}\n\t\tA ${radius} ${radius} 0 0 ${clockWise ? 1 : 0}\n\t\t${arcEndX} ${arcEndY} z`;\n}\n\nexport function makeGradient(svgDefElem, color, lighter = false) {\n\tlet gradientId ='path-fill-gradient' + '-' + color + '-' +(lighter ? 'lighter' : 'default');\n\tlet gradientDef = renderVerticalGradient(svgDefElem, gradientId);\n\tlet opacities = [1, 0.6, 0.2];\n\tif(lighter) {\n\t\topacities = [0.4, 0.2, 0];\n\t}\n\n\tsetGradientStop(gradientDef, \"0%\", color, opacities[0]);\n\tsetGradientStop(gradientDef, \"50%\", color, opacities[1]);\n\tsetGradientStop(gradientDef, \"100%\", color, opacities[2]);\n\n\treturn gradientId;\n}\n\nexport function makeHeatSquare(className, x, y, size, fill='none', data={}) {\n\tlet args = {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: size,\n\t\theight: size,\n\t\tfill: fill\n\t};\n\n\tObject.keys(data).map(key => {\n\t\targs[key] = data[key];\n\t});\n\n\treturn createSVG(\"rect\", args);\n}\n\nexport function makeText(className, x, y, content) {\n\treturn createSVG('text', {\n\t\tclassName: className,\n\t\tx: x,\n\t\ty: y,\n\t\tdy: (FONT_SIZE / 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\tinnerHTML: content\n\t});\n}\n\nfunction makeVertLine(x, label, y1, y2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tlet l = createSVG('line', {\n\t\tclassName: 'line-vertical ' + options.className,\n\t\tx1: 0,\n\t\tx2: 0,\n\t\ty1: y1,\n\t\ty2: y2,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: 0,\n\t\ty: y1 > y2 ? y1 + LABEL_MARGIN : y1 - LABEL_MARGIN - FONT_SIZE,\n\t\tdy: FONT_SIZE + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'middle',\n\t\tinnerHTML: label + \"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(${ x }, 0)`\n\t});\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nfunction makeHoriLine(y, label, x1, x2, options={}) {\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.lineType) options.lineType = '';\n\tlet className = 'line-horizontal ' + options.className +\n\t\t(options.lineType === \"dashed\" ? \"dashed\": \"\");\n\n\tlet l = createSVG('line', {\n\t\tclassName: className,\n\t\tx1: x1,\n\t\tx2: x2,\n\t\ty1: 0,\n\t\ty2: 0,\n\t\tstyles: {\n\t\t\tstroke: options.stroke\n\t\t}\n\t});\n\n\tlet text = createSVG('text', {\n\t\tx: x1 < x2 ? x1 - LABEL_MARGIN : x1 + LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / 2 - 2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': x1 < x2 ? 'end' : 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = createSVG('g', {\n\t\ttransform: `translate(0, ${y})`,\n\t\t'stroke-opacity': 1\n\t});\n\n\tif(text === 0 || text === '0') {\n\t\tline.style.stroke = \"rgba(27, 31, 35, 0.6)\";\n\t}\n\n\tline.appendChild(l);\n\tline.appendChild(text);\n\n\treturn line;\n}\n\nexport function yLine(y, label, width, options={}) {\n\tif(!options.pos) options.pos = 'left';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\tlet x1 = -1 * AXIS_TICK_LENGTH;\n\tlet x2 = options.mode === 'span' ? width + AXIS_TICK_LENGTH : 0;\n\n\tif(options.mode === 'tick' && options.pos === 'right') {\n\t\tx1 = width + AXIS_TICK_LENGTH\n\t\tx2 = width;\n\t}\n\n\tlet offset = options.pos === 'left' ? -1 * options.offset : options.offset;\n\n\tx1 += options.offset;\n\tx2 += options.offset;\n\n\treturn makeHoriLine(y, label, x1, x2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function xLine(x, label, height, options={}) {\n\tif(!options.pos) options.pos = 'bottom';\n\tif(!options.offset) options.offset = 0;\n\tif(!options.mode) options.mode = 'span';\n\tif(!options.stroke) options.stroke = BASE_LINE_COLOR;\n\tif(!options.className) options.className = '';\n\n\t// Draw X axis line in span/tick mode with optional label\n\t//                        \ty2(span)\n\t// \t\t\t\t\t\t|\n\t// \t\t\t\t\t\t|\n\t//\t\t\t\tx line\t|\n\t//\t\t\t\t\t\t|\n\t// \t\t\t\t\t   \t|\n\t// ---------------------+-- y2(tick)\n\t//\t\t\t\t\t\t|\n\t//\t\t\t\t\t\t\ty1\n\n\tlet y1 = height + AXIS_TICK_LENGTH;\n\tlet y2 = options.mode === 'span' ? -1 * AXIS_TICK_LENGTH : height;\n\n\tif(options.mode === 'tick' && options.pos === 'top') {\n\t\t// top axis ticks\n\t\ty1 = -1 * AXIS_TICK_LENGTH;\n\t\ty2 = 0;\n\t}\n\n\treturn makeVertLine(x, label, y1, y2, {\n\t\tstroke: options.stroke,\n\t\tclassName: options.className,\n\t\tlineType: options.lineType\n\t});\n}\n\nexport function yMarker(y, label, width, options={}) {\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label, 5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet line = makeHoriLine(y, '', 0, width, {\n\t\tstroke: options.stroke || BASE_LINE_COLOR,\n\t\tclassName: options.className || '',\n\t\tlineType: options.lineType\n\t});\n\n\tline.appendChild(labelSvg);\n\n\treturn line;\n}\n\nexport function yRegion(y1, y2, width, label) {\n\t// return a group\n\tlet height = y1 - y2;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`, // remove class\n\t\tstyles: {\n\t\t\tfill: `rgba(228, 234, 239, 0.49)`,\n\t\t\tstroke: BASE_LINE_COLOR,\n\t\t\t'stroke-dasharray': `${width}, ${height}`\n\t\t},\n\t\t// 'data-point-index': index,\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: width,\n\t\theight: height\n\t});\n\n\tlet labelSvg = createSVG('text', {\n\t\tclassName: 'chart-label',\n\t\tx: width - getStringWidth(label+\"\", 4.5) - LABEL_MARGIN,\n\t\ty: 0,\n\t\tdy: (FONT_SIZE / -2) + 'px',\n\t\t'font-size': FONT_SIZE + 'px',\n\t\t'text-anchor': 'start',\n\t\tinnerHTML: label+\"\"\n\t});\n\n\tlet region = createSVG('g', {\n\t\ttransform: `translate(0, ${y2})`\n\t});\n\n\tregion.appendChild(rect);\n\tregion.appendChild(labelSvg);\n\n\treturn region;\n}\n\nexport function datasetBar(x, yTop, width, color, label='', index=0, offset=0, meta={}) {\n\tlet [height, y] = getBarHeightAndYAttr(yTop, meta.zeroLine);\n\ty -= offset;\n\n\tlet rect = createSVG('rect', {\n\t\tclassName: `bar mini`,\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tx: x,\n\t\ty: y,\n\t\twidth: width,\n\t\theight: height || meta.minHeight // TODO: correct y for positive min height\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn rect;\n\t} else {\n\t\trect.setAttribute('y', 0);\n\t\trect.setAttribute('x', 0);\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: width/2,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(rect);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function datasetDot(x, y, radius, color, label='', index=0, meta={}) {\n\tlet dot = createSVG('circle', {\n\t\tstyle: `fill: ${color}`,\n\t\t'data-point-index': index,\n\t\tcx: x,\n\t\tcy: y,\n\t\tr: radius\n\t});\n\n\tlabel += \"\";\n\n\tif(!label && !label.length) {\n\t\treturn dot;\n\t} else {\n\t\tdot.setAttribute('cy', 0);\n\t\tdot.setAttribute('cx', 0);\n\n\t\tlet text = createSVG('text', {\n\t\t\tclassName: 'data-point-value',\n\t\t\tx: 0,\n\t\t\ty: 0,\n\t\t\tdy: (FONT_SIZE / 2 * -1 - radius) + 'px',\n\t\t\t'font-size': FONT_SIZE + 'px',\n\t\t\t'text-anchor': 'middle',\n\t\t\tinnerHTML: label\n\t\t});\n\n\t\tlet group = createSVG('g', {\n\t\t\t'data-point-index': index,\n\t\t\ttransform: `translate(${x}, ${y})`\n\t\t});\n\t\tgroup.appendChild(dot);\n\t\tgroup.appendChild(text);\n\n\t\treturn group;\n\t}\n}\n\nexport function getPaths(xList, yList, color, options={}, meta={}) {\n\tlet pointsList = yList.map((y, i) => (xList[i] + ',' + y));\n\tlet pointsStr = pointsList.join(\"L\");\n\tlet path = makePath(\"M\"+pointsStr, 'line-graph-path', color);\n\n\t// HeatLine\n\tif(options.heatline) {\n\t\tlet gradient_id = makeGradient(meta.svgDefs, color);\n\t\tpath.style.stroke = `url(#${gradient_id})`;\n\t}\n\n\tlet paths = {\n\t\tpath: path\n\t}\n\n\t// Region\n\tif(options.regionFill) {\n\t\tlet gradient_id_region = makeGradient(meta.svgDefs, color, true);\n\n\t\t// TODO: use zeroLine OR minimum\n\t\tlet pathStr = \"M\" + `${xList[0]},${meta.zeroLine}L` + pointsStr + `L${xList.slice(-1)[0]},${meta.zeroLine}`;\n\t\tpaths.region = makePath(pathStr, `region-fill`, 'none', `url(#${gradient_id_region})`);\n\t}\n\n\treturn paths;\n}\n\nexport let makeOverlay = {\n\t'bar': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\toverlay.style.fill = '#000000';\n\t\toverlay.style.opacity = '0.4';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t},\n\n\t'dot': (unit) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet overlay = unit.cloneNode();\n\t\tlet radius = unit.getAttribute('r');\n\t\tlet fill = unit.getAttribute('fill');\n\t\toverlay.setAttribute('r', parseInt(radius) + DOT_OVERLAY_SIZE_INCR);\n\t\toverlay.setAttribute('fill', fill);\n\t\toverlay.style.opacity = '0.6';\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t\treturn overlay;\n\t}\n}\n\nexport let updateOverlay = {\n\t'bar': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'rect') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['x', 'y', 'width', 'height'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t},\n\n\t'dot': (unit, overlay) => {\n\t\tlet transformValue;\n\t\tif(unit.nodeName !== 'circle') {\n\t\t\ttransformValue = unit.getAttribute('transform');\n\t\t\tunit = unit.childNodes[0];\n\t\t}\n\t\tlet attributes = ['cx', 'cy'];\n\t\tObject.values(unit.attributes)\n\t\t.filter(attr => attributes.includes(attr.name) && attr.specified)\n\t\t.map(attr => {\n\t\t\toverlay.setAttribute(attr.name, attr.nodeValue);\n\t\t});\n\n\t\tif(transformValue) {\n\t\t\toverlay.setAttribute('transform', transformValue);\n\t\t}\n\t}\n}\n\n","const PRESET_COLOR_MAP = {\n\t'light-blue': '#7cd6fd',\n\t'blue': '#5e64ff',\n\t'violet': '#743ee2',\n\t'red': '#ff5858',\n\t'orange': '#ffa00a',\n\t'yellow': '#feef72',\n\t'green': '#28a745',\n\t'light-green': '#98d85b',\n\t'purple': '#b554ff',\n\t'magenta': '#ffa3ef',\n\t'black': '#36114C',\n\t'grey': '#bdd3e6',\n\t'light-grey': '#f0f4f7',\n\t'dark-grey': '#b8c2cc'\n};\n\nexport const DEFAULT_COLORS = ['light-blue', 'blue', 'violet', 'red', 'orange',\n\t'yellow', 'green', 'light-green', 'purple', 'magenta', 'light-grey', 'dark-grey'];\n\nfunction limitColor(r){\n\tif (r > 255) return 255;\n\telse if (r < 0) return 0;\n\treturn r;\n}\n\nexport function lightenDarkenColor(color, amt) {\n\tlet col = getColor(color);\n\tlet usePound = false;\n\tif (col[0] == \"#\") {\n\t\tcol = col.slice(1);\n\t\tusePound = true;\n\t}\n\tlet num = parseInt(col,16);\n\tlet r = limitColor((num >> 16) + amt);\n\tlet b = limitColor(((num >> 8) & 0x00FF) + amt);\n\tlet g = limitColor((num & 0x0000FF) + amt);\n\treturn (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\n}\n\nexport function isValidColor(string) {\n\t// https://stackoverflow.com/a/8027444/6495043\n\treturn /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(string);\n}\n\nexport const getColor = (color) => {\n\treturn PRESET_COLOR_MAP[color] || color;\n};\n","import Chart from './chart';\n\nconst ALL_CHART_TYPES = ['line', 'scatter', 'bar', 'percentage', 'heatmap', 'pie'];\n\nconst COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter', 'percentage', 'pie'],\n\tline: ['scatter', 'bar', 'percentage', 'pie'],\n\tpie: ['line', 'scatter', 'percentage', 'bar'],\n\tscatter: ['line', 'bar', 'percentage', 'pie'],\n\tpercentage: ['bar', 'line', 'scatter', 'pie'],\n\theatmap: []\n};\n\n// Needs structure as per only labels/datasets\nconst COLOR_COMPATIBLE_CHARTS = {\n\tbar: ['line', 'scatter'],\n\tline: ['scatter', 'bar'],\n\tpie: ['percentage'],\n\tscatter: ['line', 'bar'],\n\tpercentage: ['pie'],\n\theatmap: []\n};\n\nexport function getDifferentChart(type, current_type, parent, args) {\n\tif(type === current_type) return;\n\n\tif(!ALL_CHART_TYPES.includes(type)) {\n\t\tconsole.error(`'${type}' is not a valid chart type.`);\n\t}\n\n\tif(!COMPATIBLE_CHARTS[current_type].includes(type)) {\n\t\tconsole.error(`'${current_type}' chart cannot be converted to a '${type}' chart.`);\n\t}\n\n\t// whether the new chart can use the existing colors\n\tconst useColor = COLOR_COMPATIBLE_CHARTS[current_type].includes(type);\n\n\t// Okay, this is anticlimactic\n\t// this function will need to actually be 'changeChartType(type)'\n\t// that will update only the required elements, but for now ...\n\n\targs.type = type;\n\targs.colors = useColor ? args.colors : undefined;\n\n\treturn new Chart(parent, args);\n}","// Leveraging SMIL Animations\n\nimport { REPLACE_ALL_NEW_DUR } from './animate';\n\nconst EASING = {\n\tease: \"0.25 0.1 0.25 1\",\n\tlinear: \"0 0 1 1\",\n\t// easein: \"0.42 0 1 1\",\n\teasein: \"0.1 0.8 0.2 1\",\n\teaseout: \"0 0 0.58 1\",\n\teaseinout: \"0.42 0 0.58 1\"\n};\n\nfunction animateSVGElement(element, props, dur, easingType=\"linear\", type=undefined, oldValues={}) {\n\n\tlet animElement = element.cloneNode(true);\n\tlet newElement = element.cloneNode(true);\n\n\tfor(var attributeName in props) {\n\t\tlet animateElement;\n\t\tif(attributeName === 'transform') {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animateTransform\");\n\t\t} else {\n\t\t\tanimateElement = document.createElementNS(\"http://www.w3.org/2000/svg\", \"animate\");\n\t\t}\n\t\tlet currentValue = oldValues[attributeName] || element.getAttribute(attributeName);\n\t\tlet value = props[attributeName];\n\n\t\tlet animAttr = {\n\t\t\tattributeName: attributeName,\n\t\t\tfrom: currentValue,\n\t\t\tto: value,\n\t\t\tbegin: \"0s\",\n\t\t\tdur: dur/1000 + \"s\",\n\t\t\tvalues: currentValue + \";\" + value,\n\t\t\tkeySplines: EASING[easingType],\n\t\t\tkeyTimes: \"0;1\",\n\t\t\tcalcMode: \"spline\",\n\t\t\tfill: 'freeze'\n\t\t};\n\n\t\tif(type) {\n\t\t\tanimAttr[\"type\"] = type;\n\t\t}\n\n\t\tfor (var i in animAttr) {\n\t\t\tanimateElement.setAttribute(i, animAttr[i]);\n\t\t}\n\n\t\tanimElement.appendChild(animateElement);\n\n\t\tif(type) {\n\t\t\tnewElement.setAttribute(attributeName, `translate(${value})`);\n\t\t} else {\n\t\t\tnewElement.setAttribute(attributeName, value);\n\t\t}\n\t}\n\n\treturn [animElement, newElement];\n}\n\nexport function transform(element, style) { // eslint-disable-line no-unused-vars\n\telement.style.transform = style;\n\telement.style.webkitTransform = style;\n\telement.style.msTransform = style;\n\telement.style.mozTransform = style;\n\telement.style.oTransform = style;\n}\n\nfunction animateSVG(svgContainer, elements) {\n\tlet newElements = [];\n\tlet animElements = [];\n\n\telements.map(element => {\n\t\tlet unit = element[0];\n\t\tlet parent = unit.parentNode;\n\n\t\tlet animElement, newElement;\n\n\t\telement[0] = unit;\n\t\t[animElement, newElement] = animateSVGElement(...element);\n\n\t\tnewElements.push(newElement);\n\t\tanimElements.push([animElement, parent]);\n\n\t\tparent.replaceChild(animElement, unit);\n\t});\n\n\tlet animSvg = svgContainer.cloneNode(true);\n\n\tanimElements.map((animElement, i) => {\n\t\tanimElement[1].replaceChild(newElements[i], animElement[0]);\n\t\telements[i][0] = newElements[i];\n\t});\n\n\treturn animSvg;\n}\n\nexport function runSMILAnimation(parent, svgElement, elementsToAnimate) {\n\tif(elementsToAnimate.length === 0) return;\n\n\tlet animSvgElement = animateSVG(svgElement, elementsToAnimate);\n\tif(svgElement.parentNode == parent) {\n\t\tparent.removeChild(svgElement);\n\t\tparent.appendChild(animSvgElement);\n\n\t}\n\n\t// Replace the new svgElement (data has already been replaced)\n\tsetTimeout(() => {\n\t\tif(animSvgElement.parentNode == parent) {\n\t\t\tparent.removeChild(animSvgElement);\n\t\t\tparent.appendChild(svgElement);\n\t\t}\n\t}, REPLACE_ALL_NEW_DUR);\n}\n","import { makeSVGGroup } from '../utils/draw';\nimport { makePath, xLine, yLine, yMarker, yRegion, datasetBar, datasetDot, getPaths } from '../utils/draw';\nimport { equilizeNoOfElements } from '../utils/draw-utils';\nimport { translateHoriLine, translateVertLine, animateRegion, animateBar,\n\tanimateDot, animatePath, animatePathStr } from '../utils/animate';\n\nclass ChartComponent {\n\tconstructor({\n\t\tlayerClass = '',\n\t\tlayerTransform = '',\n\t\tconstants,\n\n\t\tgetData,\n\t\tmakeElements,\n\t\tanimateElements\n\t}) {\n\t\tthis.layerTransform = layerTransform;\n\t\tthis.constants = constants;\n\n\t\tthis.makeElements = makeElements;\n\t\tthis.getData = getData;\n\n\t\tthis.animateElements = animateElements;\n\n\t\tthis.store = [];\n\n\t\tthis.layerClass = layerClass;\n\t\tthis.layerClass = typeof(this.layerClass) === 'function'\n\t\t\t? this.layerClass() : this.layerClass;\n\n\t\tthis.refresh();\n\t}\n\n\trefresh(data) {\n\t\tthis.data = data || this.getData();\n\t}\n\n\tsetup(parent) {\n\t\tthis.layer = makeSVGGroup(parent, this.layerClass, this.layerTransform);\n\t}\n\n\tmake() {\n\t\tthis.render(this.data);\n\t\tthis.oldData = this.data;\n\t}\n\n\trender(data) {\n\t\tthis.store = this.makeElements(data);\n\n\t\tthis.layer.textContent = '';\n\t\tthis.store.forEach(element => {\n\t\t\tthis.layer.appendChild(element);\n\t\t});\n\t}\n\n\tupdate(animate = true) {\n\t\tthis.refresh();\n\t\tlet animateElements = [];\n\t\tif(animate) {\n\t\t\tanimateElements = this.animateElements(this.data);\n\t\t}\n\t\treturn animateElements;\n\t}\n}\n\nlet componentConfigs = {\n\tpieSlices: {\n\t\tlayerClass: 'pie-slices',\n\t\tmakeElements(data) {\n\t\t\treturn data.sliceStrings.map((s, i) =>{\n\t\t\t\tlet slice = makePath(s, 'pie-path', 'none', data.colors[i]);\n\t\t\t\tslice.style.transition = 'transform .3s;';\n\t\t\t\treturn slice;\n\t\t\t});\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\treturn this.store.map((slice, i) =>\n\t\t\t\tanimatePathStr(slice, newData.sliceStrings[i])\n\t\t\t);\n\t\t}\n\t},\n\tyAxis: {\n\t\tlayerClass: 'y axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\tyLine(position, data.labels[i], this.constants.width,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.labels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tlabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\txAxis: {\n\t\tlayerClass: 'x axis',\n\t\tmakeElements(data) {\n\t\t\treturn data.positions.map((position, i) =>\n\t\t\t\txLine(position, data.calcLabels[i], this.constants.height,\n\t\t\t\t\t{mode: this.constants.mode, pos: this.constants.pos})\n\t\t\t);\n\t\t},\n\n\t\tanimateElements(newData) {\n\t\t\tlet newPos = newData.positions;\n\t\t\tlet newLabels = newData.calcLabels;\n\t\t\tlet oldPos = this.oldData.positions;\n\t\t\tlet oldLabels = this.oldData.calcLabels;\n\n\t\t\t[oldPos, newPos] = equilizeNoOfElements(oldPos, newPos);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\tpositions: oldPos,\n\t\t\t\tcalcLabels: newLabels\n\t\t\t});\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateVertLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyMarkers: {\n\t\tlayerClass: 'y-markers',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(marker =>\n\t\t\t\tyMarker(marker.position, marker.label, this.constants.width,\n\t\t\t\t\t{pos:'right', mode: 'span', lineType: 'dashed'})\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.position);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.position);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tposition: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\treturn this.store.map((line, i) => {\n\t\t\t\treturn translateHoriLine(\n\t\t\t\t\tline, newPos[i], oldPos[i]\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t},\n\n\tyRegions: {\n\t\tlayerClass: 'y-regions',\n\t\tmakeElements(data) {\n\t\t\treturn data.map(region =>\n\t\t\t\tyRegion(region.startPos, region.endPos, this.constants.width,\n\t\t\t\t\tregion.label)\n\t\t\t);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\t[this.oldData, newData] = equilizeNoOfElements(this.oldData, newData);\n\n\t\t\tlet newPos = newData.map(d => d.endPos);\n\t\t\tlet newLabels = newData.map(d => d.label);\n\t\t\tlet newStarts = newData.map(d => d.startPos);\n\n\t\t\tlet oldPos = this.oldData.map(d => d.endPos);\n\t\t\tlet oldStarts = this.oldData.map(d => d.startPos);\n\n\t\t\tthis.render(oldPos.map((pos, i) => {\n\t\t\t\treturn {\n\t\t\t\t\tstartPos: oldStarts[i],\n\t\t\t\t\tendPos: oldPos[i],\n\t\t\t\t\tlabel: newLabels[i]\n\t\t\t\t};\n\t\t\t}));\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((rectGroup, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateRegion(\n\t\t\t\t\trectGroup, newStarts[i], newPos[i], oldPos[i]\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tbarGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-bars dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'bar';\n\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\treturn datasetBar(\n\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\ty,\n\t\t\t\t\tdata.barWidth,\n\t\t\t\t\tc.color,\n\t\t\t\t\tdata.labels[j],\n\t\t\t\t\tj,\n\t\t\t\t\tdata.offsets[j],\n\t\t\t\t\t{\n\t\t\t\t\t\tzeroLine: data.zeroLine,\n\t\t\t\t\t\tbarsWidth: data.barsWidth,\n\t\t\t\t\t\tminHeight: c.minHeight\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t});\n\t\t\treturn this.units;\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet c = this.constants;\n\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newOffsets = newData.offsets;\n\t\t\tlet newLabels = newData.labels;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldOffsets = this.oldData.offsets;\n\t\t\tlet oldLabels = this.oldData.labels;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldOffsets, newOffsets] = equilizeNoOfElements(oldOffsets, newOffsets);\n\t\t\t[oldLabels, newLabels] = equilizeNoOfElements(oldLabels, newLabels);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\toffsets: oldOffsets,\n\t\t\t\tlabels: newLabels,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tbarsWidth: this.oldData.barsWidth,\n\t\t\t\tbarWidth: this.oldData.barWidth,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tthis.store.map((bar, i) => {\n\t\t\t\tanimateElements = animateElements.concat(animateBar(\n\t\t\t\t\tbar, newXPos[i], newYPos[i], newData.barWidth, newOffsets[i], c.index,\n\t\t\t\t\t{zeroLine: newData.zeroLine}\n\t\t\t\t));\n\t\t\t});\n\n\t\t\treturn animateElements;\n\t\t}\n\t},\n\n\tlineGraph: {\n\t\tlayerClass: function() { return 'dataset-units dataset-line dataset-' + this.constants.index; },\n\t\tmakeElements(data) {\n\t\t\tlet c = this.constants;\n\t\t\tthis.unitType = 'dot';\n\t\t\tthis.paths = {};\n\t\t\tif(!c.hideLine) {\n\t\t\t\tthis.paths = getPaths(\n\t\t\t\t\tdata.xPositions,\n\t\t\t\t\tdata.yPositions,\n\t\t\t\t\tc.color,\n\t\t\t\t\t{\n\t\t\t\t\t\theatline: c.heatline,\n\t\t\t\t\t\tregionFill: c.regionFill\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tsvgDefs: c.svgDefs,\n\t\t\t\t\t\tzeroLine: data.zeroLine\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tthis.units = [];\n\t\t\tif(!c.hideDots) {\n\t\t\t\tthis.units = data.yPositions.map((y, j) => {\n\t\t\t\t\treturn datasetDot(\n\t\t\t\t\t\tdata.xPositions[j],\n\t\t\t\t\t\ty,\n\t\t\t\t\t\tdata.radius,\n\t\t\t\t\t\tc.color,\n\t\t\t\t\t\t(c.valuesOverPoints ? data.values[j] : ''),\n\t\t\t\t\t\tj\n\t\t\t\t\t);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn Object.values(this.paths).concat(this.units);\n\t\t},\n\t\tanimateElements(newData) {\n\t\t\tlet newXPos = newData.xPositions;\n\t\t\tlet newYPos = newData.yPositions;\n\t\t\tlet newValues = newData.values;\n\n\t\t\tlet oldXPos = this.oldData.xPositions;\n\t\t\tlet oldYPos = this.oldData.yPositions;\n\t\t\tlet oldValues = this.oldData.values;\n\n\t\t\t[oldXPos, newXPos] = equilizeNoOfElements(oldXPos, newXPos);\n\t\t\t[oldYPos, newYPos] = equilizeNoOfElements(oldYPos, newYPos);\n\t\t\t[oldValues, newValues] = equilizeNoOfElements(oldValues, newValues);\n\n\t\t\tthis.render({\n\t\t\t\txPositions: oldXPos,\n\t\t\t\tyPositions: oldYPos,\n\t\t\t\tvalues: newValues,\n\n\t\t\t\tzeroLine: this.oldData.zeroLine,\n\t\t\t\tradius: this.oldData.radius,\n\t\t\t});\n\n\t\t\tlet animateElements = [];\n\n\t\t\tif(Object.keys(this.paths).length) {\n\t\t\t\tanimateElements = animateElements.concat(animatePath(\n\t\t\t\t\tthis.paths, newXPos, newYPos, newData.zeroLine));\n\t\t\t}\n\n\t\t\tif(this.units.length) {\n\t\t\t\tthis.units.map((dot, i) => {\n\t\t\t\t\tanimateElements = animateElements.concat(animateDot(\n\t\t\t\t\t\tdot, newXPos[i], newYPos[i]));\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn animateElements;\n\t\t}\n\t}\n};\n\nexport function getComponent(name, constants, getData) {\n\tlet keys = Object.keys(componentConfigs).filter(k => name.includes(k));\n\tlet config = componentConfigs[keys[0]];\n\tObject.assign(config, {\n\t\tconstants: constants,\n\t\tgetData: getData\n\t});\n\treturn new ChartComponent(config);\n}\n","// Playing around with dates\n\n// https://stackoverflow.com/a/11252167/6495043\nfunction treatAsUtc(dateStr) {\n\tlet result = new Date(dateStr);\n\tresult.setMinutes(result.getMinutes() - result.getTimezoneOffset());\n\treturn result;\n}\n\nexport function getDdMmYyyy(date) {\n\tlet dd = date.getDate();\n\tlet mm = date.getMonth() + 1; // getMonth() is zero-based\n\treturn [\n\t\t(dd>9 ? '' : '0') + dd,\n\t\t(mm>9 ? '' : '0') + mm,\n\t\tdate.getFullYear()\n\t].join('-');\n}\n\nexport function getWeeksBetween(startDateStr, endDateStr) {\n\treturn Math.ceil(getDaysBetween(startDateStr, endDateStr) / 7);\n}\n\nexport function getDaysBetween(startDateStr, endDateStr) {\n\tlet millisecondsPerDay = 24 * 60 * 60 * 1000;\n\treturn (treatAsUtc(endDateStr) - treatAsUtc(startDateStr)) / millisecondsPerDay;\n}\n\n// mutates\nexport function addDays(date, numberOfDays) {\n\tdate.setDate(date.getDate() + numberOfDays);\n}\n\nexport function getMonthName(i) {\n\tlet monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t];\n\treturn monthNames[i];\n}\n","import { floatTwo } from './helpers';\n\nfunction normalize(x) {\n\t// Calculates mantissa and exponent of a number\n\t// Returns normalized number and exponent\n\t// https://stackoverflow.com/q/9383593/6495043\n\n\tif(x===0) {\n\t\treturn [0, 0];\n\t}\n\tif(isNaN(x)) {\n\t\treturn {mantissa: -6755399441055744, exponent: 972};\n\t}\n\tvar sig = x > 0 ? 1 : -1;\n\tif(!isFinite(x)) {\n\t\treturn {mantissa: sig * 4503599627370496, exponent: 972};\n\t}\n\n\tx = Math.abs(x);\n\tvar exp = Math.floor(Math.log10(x));\n\tvar man = x/Math.pow(10, exp);\n\n\treturn [sig * man, exp];\n}\n\nfunction getChartRangeIntervals(max, min=0) {\n\tlet upperBound = Math.ceil(max);\n\tlet lowerBound = Math.floor(min);\n\tlet range = upperBound - lowerBound;\n\n\tlet noOfParts = range;\n\tlet partSize = 1;\n\n\t// To avoid too many partitions\n\tif(range > 5) {\n\t\tif(range % 2 !== 0) {\n\t\t\tupperBound++;\n\t\t\t// Recalc range\n\t\t\trange = upperBound - lowerBound;\n\t\t}\n\t\tnoOfParts = range/2;\n\t\tpartSize = 2;\n\t}\n\n\t// Special case: 1 and 2\n\tif(range <= 2) {\n\t\tnoOfParts = 4;\n\t\tpartSize = range/noOfParts;\n\t}\n\n\t// Special case: 0\n\tif(range === 0) {\n\t\tnoOfParts = 5;\n\t\tpartSize = 1;\n\t}\n\n\tlet intervals = [];\n\tfor(var i = 0; i <= noOfParts; i++){\n\t\tintervals.push(lowerBound + partSize * i);\n\t}\n\treturn intervals;\n}\n\nfunction getChartIntervals(maxValue, minValue=0) {\n\tlet [normalMaxValue, exponent] = normalize(maxValue);\n\tlet normalMinValue = minValue ? minValue/Math.pow(10, exponent): 0;\n\n\t// Allow only 7 significant digits\n\tnormalMaxValue = normalMaxValue.toFixed(6);\n\n\tlet intervals = getChartRangeIntervals(normalMaxValue, normalMinValue);\n\tintervals = intervals.map(value => value * Math.pow(10, exponent));\n\treturn intervals;\n}\n\nexport function calcChartIntervals(values, withMinimum=false) {\n\t//*** Where the magic happens ***\n\n\t// Calculates best-fit y intervals from given values\n\t// and returns the interval array\n\n\tlet maxValue = Math.max(...values);\n\tlet minValue = Math.min(...values);\n\n\t// Exponent to be used for pretty print\n\tlet exponent = 0, intervals = []; // eslint-disable-line no-unused-vars\n\n\tfunction getPositiveFirstIntervals(maxValue, absMinValue) {\n\t\tlet intervals = getChartIntervals(maxValue);\n\n\t\tlet intervalSize = intervals[1] - intervals[0];\n\n\t\t// Then unshift the negative values\n\t\tlet value = 0;\n\t\tfor(var i = 1; value < absMinValue; i++) {\n\t\t\tvalue += intervalSize;\n\t\t\tintervals.unshift((-1) * value);\n\t\t}\n\t\treturn intervals;\n\t}\n\n\t// CASE I: Both non-negative\n\n\tif(maxValue >= 0 && minValue >= 0) {\n\t\texponent = normalize(maxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(maxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(maxValue, minValue);\n\t\t}\n\t}\n\n\t// CASE II: Only minValue negative\n\n\telse if(maxValue > 0 && minValue < 0) {\n\t\t// `withMinimum` irrelevant in this case,\n\t\t// We'll be handling both sides of zero separately\n\t\t// (both starting from zero)\n\t\t// Because ceil() and floor() behave differently\n\t\t// in those two regions\n\n\t\tlet absMinValue = Math.abs(minValue);\n\n\t\tif(maxValue >= absMinValue) {\n\t\t\texponent = normalize(maxValue)[1];\n\t\t\tintervals = getPositiveFirstIntervals(maxValue, absMinValue);\n\t\t} else {\n\t\t\t// Mirror: maxValue => absMinValue, then change sign\n\t\t\texponent = normalize(absMinValue)[1];\n\t\t\tlet posIntervals = getPositiveFirstIntervals(absMinValue, maxValue);\n\t\t\tintervals = posIntervals.map(d => d * (-1));\n\t\t}\n\n\t}\n\n\t// CASE III: Both non-positive\n\n\telse if(maxValue <= 0 && minValue <= 0) {\n\t\t// Mirrored Case I:\n\t\t// Work with positives, then reverse the sign and array\n\n\t\tlet pseudoMaxValue = Math.abs(minValue);\n\t\tlet pseudoMinValue = Math.abs(maxValue);\n\n\t\texponent = normalize(pseudoMaxValue)[1];\n\t\tif(!withMinimum) {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue);\n\t\t} else {\n\t\t\tintervals = getChartIntervals(pseudoMaxValue, pseudoMinValue);\n\t\t}\n\n\t\tintervals = intervals.reverse().map(d => d * (-1));\n\t}\n\n\treturn intervals;\n}\n\nexport function getZeroIndex(yPts) {\n\tlet zeroIndex;\n\tlet interval = getIntervalSize(yPts);\n\tif(yPts.indexOf(0) >= 0) {\n\t\t// the range has a given zero\n\t\t// zero-line on the chart\n\t\tzeroIndex = yPts.indexOf(0);\n\t} else if(yPts[0] > 0) {\n\t\t// Minimum value is positive\n\t\t// zero-line is off the chart: below\n\t\tlet min = yPts[0];\n\t\tzeroIndex = (-1) * min / interval;\n\t} else {\n\t\t// Maximum value is negative\n\t\t// zero-line is off the chart: above\n\t\tlet max = yPts[yPts.length - 1];\n\t\tzeroIndex = (-1) * max / interval + (yPts.length - 1);\n\t}\n\treturn zeroIndex;\n}\n\nexport function getRealIntervals(max, noOfIntervals, min = 0, asc = 1) {\n\tlet range = max - min;\n\tlet part = range * 1.0 / noOfIntervals;\n\tlet intervals = [];\n\n\tfor(var i = 0; i <= noOfIntervals; i++) {\n\t\tintervals.push(min + part * i);\n\t}\n\n\treturn asc ? intervals : intervals.reverse();\n}\n\nexport function getIntervalSize(orderedArray) {\n\treturn orderedArray[1] - orderedArray[0];\n}\n\nexport function getValueRange(orderedArray) {\n\treturn orderedArray[orderedArray.length-1] - orderedArray[0];\n}\n\nexport function scale(val, yAxis) {\n\treturn floatTwo(yAxis.zeroLine - val * yAxis.scaleMultiplier)\n}\n\nexport function calcDistribution(values, distributionSize) {\n\t// Assume non-negative values,\n\t// implying distribution minimum at zero\n\n\tlet dataMaxValue = Math.max(...values);\n\n\tlet distributionStep = 1 / (distributionSize - 1);\n\tlet distribution = [];\n\n\tfor(var i = 0; i < distributionSize; i++) {\n\t\tlet checkpoint = dataMaxValue * (distributionStep * i);\n\t\tdistribution.push(checkpoint);\n\t}\n\n\treturn distribution;\n}\n\nexport function getMaxCheckpoint(value, distribution) {\n\treturn distribution.filter(d => d < value).length;\n}\n","import { floatTwo, fillArray } from '../utils/helpers';\nimport { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants';\n\nexport function dataPrep(data, type) {\n\tdata.labels = data.labels || [];\n\n\tlet datasetLength = data.labels.length;\n\n\t// Datasets\n\tlet datasets = data.datasets;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\tif(!datasets) {\n\t\t// default\n\t\tdatasets = [{\n\t\t\tvalues: zeroArray\n\t\t}];\n\t}\n\n\tdatasets.map((d, i)=> {\n\t\t// Set values\n\t\tif(!d.values) {\n\t\t\td.values = zeroArray;\n\t\t} else {\n\t\t\t// Check for non values\n\t\t\tlet vals = d.values;\n\t\t\tvals = vals.map(val => (!isNaN(val) ? val : 0));\n\n\t\t\t// Trim or extend\n\t\t\tif(vals.length > datasetLength) {\n\t\t\t\tvals = vals.slice(0, datasetLength);\n\t\t\t} else {\n\t\t\t\tvals = fillArray(vals, datasetLength - vals.length, 0);\n\t\t\t}\n\t\t}\n\n\t\t// Set labels\n\t\t//\n\n\t\t// Set type\n\t\tif(!d.chartType ) {\n\t\t\tif(!AXIS_DATASET_CHART_TYPES.includes(type)) type === DEFAULT_AXIS_CHART_TYPE;\n\t\t\td.chartType = type;\n\t\t}\n\n\t});\n\n\t// Markers\n\n\t// Regions\n\t// data.yRegions = data.yRegions || [];\n\tif(data.yRegions) {\n\t\tdata.yRegions.map(d => {\n\t\t\tif(d.end < d.start) {\n\t\t\t\t[d.start, d.end] = [d.end, d.start];\n\t\t\t}\n\t\t});\n\t}\n\n\treturn data;\n}\n\nexport function zeroDataPrep(realData) {\n\tlet datasetLength = realData.labels.length;\n\tlet zeroArray = new Array(datasetLength).fill(0);\n\n\tlet zeroData = {\n\t\tlabels: realData.labels.slice(0, -1),\n\t\tdatasets: realData.datasets.map(d => {\n\t\t\treturn {\n\t\t\t\tname: '',\n\t\t\t\tvalues: zeroArray.slice(0, -1),\n\t\t\t\tchartType: d.chartType\n\t\t\t}\n\t\t}),\n\t};\n\n\tif(realData.yMarkers) {\n\t\tzeroData.yMarkers = [\n\t\t\t{\n\t\t\t\tvalue: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\tif(realData.yRegions) {\n\t\tzeroData.yRegions = [\n\t\t\t{\n\t\t\t\tstart: 0,\n\t\t\t\tend: 0,\n\t\t\t\tlabel: ''\n\t\t\t}\n\t\t];\n\t}\n\n\treturn zeroData;\n}\n\nexport function getShortenedLabels(chartWidth, labels=[], isSeries=true) {\n\tlet allowedSpace = chartWidth / labels.length;\n\tlet allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH;\n\n\tlet calcLabels = labels.map((label, i) => {\n\t\tlabel += \"\";\n\t\tif(label.length > allowedLetters) {\n\n\t\t\tif(!isSeries) {\n\t\t\t\tif(allowedLetters-3 > 0) {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters-3) + \" ...\";\n\t\t\t\t} else {\n\t\t\t\t\tlabel = label.slice(0, allowedLetters) + '..';\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet multiple = Math.ceil(label.length/allowedLetters);\n\t\t\t\tif(i % multiple !== 0) {\n\t\t\t\t\tlabel = \"\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn label;\n\t});\n\n\treturn calcLabels;\n}","import '../scss/charts.scss';\n\n// import MultiAxisChart from './charts/MultiAxisChart';\nimport PercentageChart from './charts/PercentageChart';\nimport PieChart from './charts/PieChart';\nimport Heatmap from './charts/Heatmap';\nimport AxisChart from './charts/AxisChart';\n\nconst chartTypes = {\n\t// multiaxis: MultiAxisChart,\n\tpercentage: PercentageChart,\n\theatmap: Heatmap,\n\tpie: PieChart\n};\n\nfunction getChartByType(chartType = 'line', parent, options) {\n\tif(chartType === 'line') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'bar') {\n\t\toptions.type = 'bar';\n\t\treturn new AxisChart(parent, options);\n\t} else if (chartType === 'axis-mixed') {\n\t\toptions.type = 'line';\n\t\treturn new AxisChart(parent, options);\n\t}\n\n\tif (!chartTypes[chartType]) {\n\t\tconsole.error(\"Undefined chart type: \" + chartType);\n\t\treturn;\n\t}\n\n\treturn new chartTypes[chartType](parent, options);\n}\n\nexport default class Chart {\n\tconstructor(parent, options) {\n\t\treturn getChartByType(options.type, parent, options);\n\t}\n}\n","import { $ } from '../utils/dom';\n\nexport default class SvgTip {\n\tconstructor({\n\t\tparent = null,\n\t\tcolors = []\n\t}) {\n\t\tthis.parent = parent;\n\t\tthis.colors = colors;\n\t\tthis.titleName = '';\n\t\tthis.titleValue = '';\n\t\tthis.listValues = [];\n\t\tthis.titleValueFirst = 0;\n\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\n\t\tthis.top = 0;\n\t\tthis.left = 0;\n\n\t\tthis.setup();\n\t}\n\n\tsetup() {\n\t\tthis.makeTooltip();\n\t}\n\n\trefresh() {\n\t\tthis.fill();\n\t\tthis.calcPosition();\n\t\t// this.showTip();\n\t}\n\n\tmakeTooltip() {\n\t\tthis.container = $.create('div', {\n\t\t\tinside: this.parent,\n\t\t\tclassName: 'graph-svg-tip comparison',\n\t\t\tinnerHTML: `\n\t\t\t\t
                                                                                                                                                                    \n\t\t\t\t
                                                                                                                                                                    `\n\t\t});\n\t\tthis.hideTip();\n\n\t\tthis.title = this.container.querySelector('.title');\n\t\tthis.dataPointList = this.container.querySelector('.data-point-list');\n\n\t\tthis.parent.addEventListener('mouseleave', () => {\n\t\t\tthis.hideTip();\n\t\t});\n\t}\n\n\tfill() {\n\t\tlet title;\n\t\tif(this.index) {\n\t\t\tthis.container.setAttribute('data-point-index', this.index);\n\t\t}\n\t\tif(this.titleValueFirst) {\n\t\t\ttitle = `${this.titleValue}${this.titleName}`;\n\t\t} else {\n\t\t\ttitle = `${this.titleName}${this.titleValue}`;\n\t\t}\n\t\tthis.title.innerHTML = title;\n\t\tthis.dataPointList.innerHTML = '';\n\n\t\tthis.listValues.map((set, i) => {\n\t\t\tconst color = this.colors[i] || 'black';\n\n\t\t\tlet li = $.create('li', {\n\t\t\t\tstyles: {\n\t\t\t\t\t'border-top': `3px solid ${color}`\n\t\t\t\t},\n\t\t\t\tinnerHTML: `${ set.value === 0 || set.value ? set.value : '' }\n\t\t\t\t\t${set.title ? set.title : '' }`\n\t\t\t});\n\n\t\t\tthis.dataPointList.appendChild(li);\n\t\t});\n\t}\n\n\tcalcPosition() {\n\t\tlet width = this.container.offsetWidth;\n\n\t\tthis.top = this.y - this.container.offsetHeight;\n\t\tthis.left = this.x - width/2;\n\t\tlet maxLeft = this.parent.offsetWidth - width;\n\n\t\tlet pointer = this.container.querySelector('.svg-pointer');\n\n\t\tif(this.left < 0) {\n\t\t\tpointer.style.left = `calc(50% - ${-1 * this.left}px)`;\n\t\t\tthis.left = 0;\n\t\t} else if(this.left > maxLeft) {\n\t\t\tlet delta = this.left - maxLeft;\n\t\t\tlet pointerOffset = `calc(50% + ${delta}px)`;\n\t\t\tpointer.style.left = pointerOffset;\n\n\t\t\tthis.left = maxLeft;\n\t\t} else {\n\t\t\tpointer.style.left = `50%`;\n\t\t}\n\t}\n\n\tsetValues(x, y, title = {}, listValues = [], index = -1) {\n\t\tthis.titleName = title.name;\n\t\tthis.titleValue = title.value;\n\t\tthis.listValues = listValues;\n\t\tthis.x = x;\n\t\tthis.y = y;\n\t\tthis.titleValueFirst = title.valueFirst || 0;\n\t\tthis.index = index;\n\t\tthis.refresh();\n\t}\n\n\thideTip() {\n\t\tthis.container.style.top = '0px';\n\t\tthis.container.style.left = '0px';\n\t\tthis.container.style.opacity = '0';\n\t}\n\n\tshowTip() {\n\t\tthis.container.style.top = this.top + 'px';\n\t\tthis.container.style.left = this.left + 'px';\n\t\tthis.container.style.opacity = '1';\n\t}\n}\n","export const VERT_SPACE_OUTSIDE_BASE_CHART = 50;\nexport const TRANSLATE_Y_BASE_CHART = 20;\nexport const LEFT_MARGIN_BASE_CHART = 60;\nexport const RIGHT_MARGIN_BASE_CHART = 40;\nexport const Y_AXIS_MARGIN = 60;\n\nexport const INIT_CHART_UPDATE_TIMEOUT = 700;\nexport const CHART_POST_ANIMATE_TIMEOUT = 400;\n\nexport const DEFAULT_AXIS_CHART_TYPE = 'line';\nexport const AXIS_DATASET_CHART_TYPES = ['line', 'bar'];\n\nexport const BAR_CHART_SPACE_RATIO = 0.5;\nexport const MIN_BAR_PERCENT_HEIGHT = 0.01;\n\nexport const LINE_CHART_DOT_SIZE = 4;\nexport const DOT_OVERLAY_SIZE_INCR = 4;\n\nexport const DEFAULT_CHAR_WIDTH = 7;\n\n// Universal constants\nexport const ANGLE_RATIO = Math.PI / 180;\nexport const FULL_ANGLE = 360;","import SvgTip from '../objects/SvgTip';\nimport { $, isElementInViewport, getElementContentWidth } from '../utils/dom';\nimport { makeSVGContainer, makeSVGDefs, makeSVGGroup } from '../utils/draw';\nimport { getStringWidth } from '../utils/helpers';\nimport { VERT_SPACE_OUTSIDE_BASE_CHART, TRANSLATE_Y_BASE_CHART, LEFT_MARGIN_BASE_CHART,\n\tRIGHT_MARGIN_BASE_CHART, INIT_CHART_UPDATE_TIMEOUT, CHART_POST_ANIMATE_TIMEOUT } from '../utils/constants';\nimport { getColor, DEFAULT_COLORS } from '../utils/colors';\nimport { getDifferentChart } from '../config';\nimport { runSMILAnimation } from '../utils/animation';\n\nexport default class BaseChart {\n\tconstructor(parent, options) {\n\t\tthis.rawChartArgs = options;\n\n\t\tthis.parent = typeof parent === 'string' ? document.querySelector(parent) : parent;\n\t\tif (!(this.parent instanceof HTMLElement)) {\n\t\t\tthrow new Error('No `parent` element to render on was provided.');\n\t\t}\n\n\t\tthis.title = options.title || '';\n\t\tthis.subtitle = options.subtitle || '';\n\t\tthis.argHeight = options.height || 240;\n\t\tthis.type = options.type || '';\n\n\t\tthis.realData = this.prepareData(options.data);\n\t\tthis.data = this.prepareFirstData(this.realData);\n\t\tthis.colors = [];\n\t\tthis.config = {\n\t\t\tshowTooltip: 1, // calculate\n\t\t\tshowLegend: options.showLegend || 1,\n\t\t\tisNavigable: options.isNavigable || 0,\n\t\t\tanimate: 1\n\t\t};\n\t\tthis.state = {};\n\t\tthis.options = {};\n\n\t\tthis.initTimeout = INIT_CHART_UPDATE_TIMEOUT;\n\n\t\tif(this.config.isNavigable) {\n\t\t\tthis.overlays = [];\n\t\t}\n\n\t\tthis.configure(options);\n\t}\n\n\tconfigure(args) {\n\t\tthis.setColors();\n\t\tthis.setMargins();\n\n\t\t// Bind window events\n\t\twindow.addEventListener('resize', () => this.draw(true));\n\t\twindow.addEventListener('orientationchange', () => this.draw(true));\n\t}\n\n\tsetColors() {\n\t\tlet args = this.rawChartArgs;\n\n\t\t// Needs structure as per only labels/datasets, from config\n\t\tconst list = args.type === 'percentage' || args.type === 'pie'\n\t\t\t? args.data.labels\n\t\t\t: args.data.datasets;\n\n\t\tif(!args.colors || (list && args.colors.length < list.length)) {\n\t\t\tthis.colors = DEFAULT_COLORS;\n\t\t} else {\n\t\t\tthis.colors = args.colors;\n\t\t}\n\n\t\tthis.colors = this.colors.map(color => getColor(color));\n\t}\n\n\tsetMargins() {\n\t\tlet height = this.argHeight;\n\t\tthis.baseHeight = height;\n\t\tthis.height = height - VERT_SPACE_OUTSIDE_BASE_CHART;\n\t\tthis.translateY = TRANSLATE_Y_BASE_CHART;\n\n\t\t// Horizontal margins\n\t\tthis.leftMargin = LEFT_MARGIN_BASE_CHART;\n\t\tthis.rightMargin = RIGHT_MARGIN_BASE_CHART;\n\t}\n\n\tvalidate() {\n\t\treturn true;\n\t}\n\n\tsetup() {\n\t\tif(this.validate()) {\n\t\t\tthis._setup();\n\t\t}\n\t}\n\n\t_setup() {\n\t\tthis.makeContainer();\n\t\tthis.makeTooltip();\n\n\t\tthis.draw(false, true);\n\t}\n\n\tsetupComponents() {\n\t\tthis.components = new Map();\n\t}\n\n\tmakeContainer() {\n\t\tthis.container = $.create('div', {\n\t\t\tclassName: 'chart-container',\n\t\t\tinnerHTML: `
                                                                                                                                                                    ${this.title}
                                                                                                                                                                    \n\t\t\t\t
                                                                                                                                                                    ${this.subtitle}
                                                                                                                                                                    \n\t\t\t\t
                                                                                                                                                                    \n\t\t\t\t
                                                                                                                                                                    `\n\t\t});\n\n\t\t// Chart needs a dedicated parent element\n\t\tthis.parent.innerHTML = '';\n\t\tthis.parent.appendChild(this.container);\n\n\t\tthis.chartWrapper = this.container.querySelector('.frappe-chart');\n\t\tthis.statsWrapper = this.container.querySelector('.graph-stats-container');\n\t}\n\n\tmakeTooltip() {\n\t\tthis.tip = new SvgTip({\n\t\t\tparent: this.chartWrapper,\n\t\t\tcolors: this.colors\n\t\t});\n\t\tthis.bindTooltip();\n\t}\n\n\tbindTooltip() {}\n\n\tdraw(onlyWidthChange=false, init=false) {\n\t\tthis.calcWidth();\n\t\tthis.calc(onlyWidthChange);\n\t\tthis.makeChartArea();\n\t\tthis.setupComponents();\n\n\t\tthis.components.forEach(c => c.setup(this.drawArea));\n\t\t// this.components.forEach(c => c.make());\n\t\tthis.render(this.components, false);\n\n\t\tif(init) {\n\t\t\tthis.data = this.realData;\n\t\t\tsetTimeout(() => {this.update();}, this.initTimeout);\n\t\t}\n\n\t\tif(!onlyWidthChange) {\n\t\t\tthis.renderLegend();\n\t\t}\n\n\t\tthis.setupNavigation(init);\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = getElementContentWidth(this.parent);\n\t\tthis.width = this.baseWidth - (this.leftMargin + this.rightMargin);\n\t}\n\n\tupdate(data=this.data) {\n\t\tthis.data = this.prepareData(data);\n\t\tthis.calc(); // builds state\n\t\tthis.render();\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn data;\n\t}\n\n\tcalc() {} // builds state\n\n\trender(components=this.components, animate=true) {\n\t\tif(this.config.isNavigable) {\n\t\t\t// Remove all existing overlays\n\t\t\tthis.overlays.map(o => o.parentNode.removeChild(o));\n\t\t\t// ref.parentNode.insertBefore(element, ref);\n\t\t}\n\t\tlet elementsToAnimate = [];\n\t\t// Can decouple to this.refreshComponents() first to save animation timeout\n\t\tcomponents.forEach(c => {\n\t\t\telementsToAnimate = elementsToAnimate.concat(c.update(animate));\n\t\t});\n\t\tif(elementsToAnimate.length > 0) {\n\t\t\trunSMILAnimation(this.chartWrapper, this.svg, elementsToAnimate);\n\t\t\tsetTimeout(() => {\n\t\t\t\tcomponents.forEach(c => c.make());\n\t\t\t\tthis.updateNav();\n\t\t\t}, CHART_POST_ANIMATE_TIMEOUT);\n\t\t} else {\n\t\t\tcomponents.forEach(c => c.make());\n\t\t\tthis.updateNav();\n\t\t}\n\t}\n\n\tupdateNav() {\n\t\tif(this.config.isNavigable) {\n\t\t\t// if(!this.overlayGuides){\n\t\t\t\tthis.makeOverlay();\n\t\t\t\tthis.bindUnits();\n\t\t\t// } else {\n\t\t\t// \tthis.updateOverlay();\n\t\t\t// }\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tif(this.svg) {\n\t\t\tthis.chartWrapper.removeChild(this.svg);\n\t\t}\n\t\tthis.svg = makeSVGContainer(\n\t\t\tthis.chartWrapper,\n\t\t\t'chart',\n\t\t\tthis.baseWidth,\n\t\t\tthis.baseHeight\n\t\t);\n\t\tthis.svgDefs = makeSVGDefs(this.svg);\n\n\t\t// I WISH !!!\n\t\t// this.svg = makeSVGGroup(\n\t\t// \tsvgContainer,\n\t\t// \t'flipped-coord-system',\n\t\t// \t`translate(0, ${this.baseHeight}) scale(1, -1)`\n\t\t// );\n\n\t\tthis.drawArea = makeSVGGroup(\n\t\t\tthis.svg,\n\t\t\tthis.type + '-chart',\n\t\t\t`translate(${this.leftMargin}, ${this.translateY})`\n\t\t);\n\t}\n\n\trenderLegend() {}\n\n\tsetupNavigation(init=false) {\n\t\tif(!this.config.isNavigable) return;\n\n\t\tif(init) {\n\t\t\tthis.bindOverlay();\n\n\t\t\tthis.keyActions = {\n\t\t\t\t'13': this.onEnterKey.bind(this),\n\t\t\t\t'37': this.onLeftArrow.bind(this),\n\t\t\t\t'38': this.onUpArrow.bind(this),\n\t\t\t\t'39': this.onRightArrow.bind(this),\n\t\t\t\t'40': this.onDownArrow.bind(this),\n\t\t\t};\n\n\t\t\tdocument.addEventListener('keydown', (e) => {\n\t\t\t\tif(isElementInViewport(this.chartWrapper)) {\n\t\t\t\t\te = e || window.event;\n\t\t\t\t\tif(this.keyActions[e.keyCode]) {\n\t\t\t\t\t\tthis.keyActions[e.keyCode]();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {}\n\tupdateOverlay() {}\n\tbindOverlay() {}\n\tbindUnits() {}\n\n\tonLeftArrow() {}\n\tonRightArrow() {}\n\tonUpArrow() {}\n\tonDownArrow() {}\n\tonEnterKey() {}\n\n\tgetDataPoint(index = 0) {}\n\tsetCurrentDataPoint(point) {}\n\n\tupdateDataset(dataset, index) {}\n\taddDataset(dataset, index) {}\n\tremoveDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {}\n\n\tupdateDataPoint(dataPoint, index = 0) {}\n\taddDataPoint(dataPoint, index = 0) {}\n\tremoveDataPoint(index = 0) {}\n\n\tgetDifferentChart(type) {\n\t\treturn getDifferentChart(type, this.type, this.parent, this.rawChartArgs);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class AggregationChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\n\t\tthis.config.maxSlices = args.maxSlices || 20;\n\t\tthis.config.maxLegendPoints = args.maxLegendPoints || 20;\n\t}\n\n\tcalc() {\n\t\tlet s = this.state;\n\t\tlet maxSlices = this.config.maxSlices;\n\t\ts.sliceTotals = [];\n\n\t\tlet allTotals = this.data.labels.map((label, i) => {\n\t\t\tlet total = 0;\n\t\t\tthis.data.datasets.map(e => {\n\t\t\t\ttotal += e.values[i];\n\t\t\t});\n\t\t\treturn [total, label];\n\t\t}).filter(d => { return d[0] > 0; }); // keep only positive results\n\n\t\tlet totals = allTotals;\n\t\tif(allTotals.length > maxSlices) {\n\t\t\t// Prune and keep a grey area for rest as per maxSlices\n\t\t\tallTotals.sort((a, b) => { return b[0] - a[0]; });\n\n\t\t\ttotals = allTotals.slice(0, maxSlices-1);\n\t\t\tlet remaining = allTotals.slice(maxSlices-1);\n\n\t\t\tlet sumOfRemaining = 0;\n\t\t\tremaining.map(d => {sumOfRemaining += d[0];});\n\t\t\ttotals.push([sumOfRemaining, 'Rest']);\n\t\t\tthis.colors[maxSlices-1] = 'grey';\n\t\t}\n\n\t\ts.labels = [];\n\t\ttotals.map(d => {\n\t\t\ts.sliceTotals.push(d[0]);\n\t\t\ts.labels.push(d[1]);\n\t\t});\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.state;\n\n\t\tthis.statsWrapper.textContent = '';\n\n\t\tthis.legendTotals = s.sliceTotals.slice(0, this.config.maxLegendPoints);\n\n\t\tlet xValues = s.labels;\n\t\tthis.legendTotals.map((d, i) => {\n\t\t\tif(d) {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${xValues[i]}:\n\t\t\t\t\t${d}\n\t\t\t\t`;\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { $, getOffset } from '../utils/dom';\n\nexport default class PercentageChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'percentage';\n\n\t\tthis.setup();\n\t}\n\n\tmakeChartArea() {\n\t\tthis.chartWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.chartWrapper.style.marginTop = '45px';\n\n\t\tthis.statsWrapper.className += ' ' + 'graph-focus-margin';\n\t\tthis.statsWrapper.style.marginBottom = '30px';\n\t\tthis.statsWrapper.style.paddingTop = '0px';\n\n\t\tthis.svg = $.create('div', {\n\t\t\tclassName: 'div',\n\t\t\tinside: this.chartWrapper\n\t\t});\n\n\t\tthis.chart = $.create('div', {\n\t\t\tclassName: 'progress-chart',\n\t\t\tinside: this.svg\n\t\t});\n\n\t\tthis.percentageBar = $.create('div', {\n\t\t\tclassName: 'progress',\n\t\t\tinside: this.chart\n\t\t});\n\t}\n\n\trender() {\n\t\tlet s = this.state;\n\t\tthis.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\t\ts.slices = [];\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tlet slice = $.create('div', {\n\t\t\t\tclassName: `progress-bar`,\n\t\t\t\t'data-index': i,\n\t\t\t\tinside: this.percentageBar,\n\t\t\t\tstyles: {\n\t\t\t\t\tbackground: this.colors[i],\n\t\t\t\t\twidth: total*100/this.grandTotal + \"%\"\n\t\t\t\t}\n\t\t\t});\n\t\t\ts.slices.push(slice);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tlet s = this.state;\n\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet slice = e.target;\n\t\t\tif(slice.classList.contains('progress-bar')) {\n\n\t\t\t\tlet i = slice.getAttribute('data-index');\n\t\t\t\tlet gOff = getOffset(this.chartWrapper), pOff = getOffset(slice);\n\n\t\t\t\tlet x = pOff.left - gOff.left + slice.offsetWidth/2;\n\t\t\t\tlet y = pOff.top - gOff.top - 6;\n\t\t\t\tlet title = (this.formattedLabels && this.formattedLabels.length>0\n\t\t\t\t\t? this.formattedLabels[i] : this.state.labels[i]) + ': ';\n\t\t\t\tlet percent = (s.sliceTotals[i]*100/this.grandTotal).toFixed(1);\n\n\t\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\t\tthis.tip.showTip();\n\t\t\t}\n\t\t});\n\t}\n}\n","import AggregationChart from './AggregationChart';\nimport { getComponent } from '../objects/ChartComponents';\nimport { getOffset } from '../utils/dom';\nimport { getPositionByAngle } from '../utils/helpers';\nimport { makeArcPathStr } from '../utils/draw';\nimport { lightenDarkenColor } from '../utils/colors';\nimport { transform } from '../utils/animation';\nimport { FULL_ANGLE } from '../utils/constants';\n\nexport default class PieChart extends AggregationChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\t\tthis.type = 'pie';\n\t\tthis.initTimeout = 0;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure(args);\n\t\tthis.mouseMove = this.mouseMove.bind(this);\n\t\tthis.mouseLeave = this.mouseLeave.bind(this);\n\n\t\tthis.hoverRadio = args.hoverRadio || 0.1;\n\t\tthis.config.startAngle = args.startAngle || 0;\n\n\t\tthis.clockWise = args.clockWise || false;\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\tthis.init = 1;\n\t\treturn data;\n\t}\n\n\tcalc() {\n\t\tsuper.calc();\n\t\tlet s = this.state;\n\n\t\tthis.center = {\n\t\t\tx: this.width / 2,\n\t\t\ty: this.height / 2\n\t\t};\n\t\tthis.radius = (this.height > this.width ? this.center.x : this.center.y);\n\n\t\ts.grandTotal = s.sliceTotals.reduce((a, b) => a + b, 0);\n\n\t\tthis.calcSlices();\n\t}\n\n\tcalcSlices() {\n\t\tlet s = this.state;\n\t\tconst { radius, clockWise } = this;\n\n\t\tconst prevSlicesProperties = s.slicesProperties || [];\n\t\ts.sliceStrings = [];\n\t\ts.slicesProperties = [];\n\t\tlet curAngle = 180 - this.config.startAngle;\n\n\t\ts.sliceTotals.map((total, i) => {\n\t\t\tconst startAngle = curAngle;\n\t\t\tconst originDiffAngle = (total / s.grandTotal) * FULL_ANGLE;\n\t\t\tconst diffAngle = clockWise ? -originDiffAngle : originDiffAngle;\n\t\t\tconst endAngle = curAngle = curAngle + diffAngle;\n\t\t\tconst startPosition = getPositionByAngle(startAngle, radius);\n\t\t\tconst endPosition = getPositionByAngle(endAngle, radius);\n\n\t\t\tconst prevProperty = this.init && prevSlicesProperties[i];\n\n\t\t\tlet curStart,curEnd;\n\t\t\tif(this.init) {\n\t\t\t\tcurStart = prevProperty ? prevProperty.startPosition : startPosition;\n\t\t\t\tcurEnd = prevProperty ? prevProperty.endPosition : startPosition;\n\t\t\t} else {\n\t\t\t\tcurStart = startPosition;\n\t\t\t\tcurEnd = endPosition;\n\t\t\t}\n\t\t\tconst curPath = makeArcPathStr(curStart, curEnd, this.center, this.radius, this.clockWise);\n\n\t\t\ts.sliceStrings.push(curPath);\n\t\t\ts.slicesProperties.push({\n\t\t\t\tstartPosition,\n\t\t\t\tendPosition,\n\t\t\t\tvalue: total,\n\t\t\t\ttotal: s.grandTotal,\n\t\t\t\tstartAngle,\n\t\t\t\tendAngle,\n\t\t\t\tangle: diffAngle\n\t\t\t});\n\n\t\t});\n\t\tthis.init = 0;\n\t}\n\n\tsetupComponents() {\n\t\tlet s = this.state;\n\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'pieSlices',\n\t\t\t\t{ },\n\t\t\t\tfunction() {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tsliceStrings: s.sliceStrings,\n\t\t\t\t\t\tcolors: this.colors\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tcalTranslateByAngle(property){\n\t\tconst{radius,hoverRadio} = this;\n\t\tconst position = getPositionByAngle(property.startAngle+(property.angle / 2),radius);\n\t\treturn `translate3d(${(position.x) * hoverRadio}px,${(position.y) * hoverRadio}px,0)`;\n\t}\n\n\thoverSlice(path,i,flag,e){\n\t\tif(!path) return;\n\t\tconst color = this.colors[i];\n\t\tif(flag) {\n\t\t\ttransform(path, this.calTranslateByAngle(this.state.slicesProperties[i]));\n\t\t\tpath.style.fill = lightenDarkenColor(color, 50);\n\t\t\tlet g_off = getOffset(this.svg);\n\t\t\tlet x = e.pageX - g_off.left + 10;\n\t\t\tlet y = e.pageY - g_off.top - 10;\n\t\t\tlet title = (this.formatted_labels && this.formatted_labels.length > 0\n\t\t\t\t? this.formatted_labels[i] : this.state.labels[i]) + ': ';\n\t\t\tlet percent = (this.state.sliceTotals[i] * 100 / this.state.grandTotal).toFixed(1);\n\t\t\tthis.tip.setValues(x, y, {name: title, value: percent + \"%\"});\n\t\t\tthis.tip.showTip();\n\t\t} else {\n\t\t\ttransform(path,'translate3d(0,0,0)');\n\t\t\tthis.tip.hideTip();\n\t\t\tpath.style.fill = color;\n\t\t}\n\t}\n\n\tbindTooltip() {\n\t\tthis.chartWrapper.addEventListener('mousemove', this.mouseMove);\n\t\tthis.chartWrapper.addEventListener('mouseleave', this.mouseLeave);\n\t}\n\n\tmouseMove(e){\n\t\tconst target = e.target;\n\t\tlet slices = this.components.get('pieSlices').store;\n\t\tlet prevIndex = this.curActiveSliceIndex;\n\t\tlet prevAcitve = this.curActiveSlice;\n\t\tif(slices.includes(target)) {\n\t\t\tlet i = slices.indexOf(target);\n\t\t\tthis.hoverSlice(prevAcitve, prevIndex,false);\n\t\t\tthis.curActiveSlice = target;\n\t\t\tthis.curActiveSliceIndex = i;\n\t\t\tthis.hoverSlice(target, i, true, e);\n\t\t} else {\n\t\t\tthis.mouseLeave();\n\t\t}\n\t}\n\n\tmouseLeave(){\n\t\tthis.hoverSlice(this.curActiveSlice,this.curActiveSliceIndex,false);\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { makeSVGGroup, makeHeatSquare, makeText } from '../utils/draw';\nimport { addDays, getDdMmYyyy, getWeeksBetween } from '../utils/date-utils';\nimport { calcDistribution, getMaxCheckpoint } from '../utils/intervals';\nimport { isValidColor } from '../utils/colors';\n\nexport default class Heatmap extends BaseChart {\n\tconstructor(parent, options) {\n\t\tsuper(parent, options);\n\n\t\tthis.type = 'heatmap';\n\n\t\tthis.domain = options.domain || '';\n\t\tthis.subdomain = options.subdomain || '';\n\t\tthis.data = options.data || {};\n\t\tthis.discreteDomains = options.discreteDomains === 0 ? 0 : 1;\n\t\tthis.countLabel = options.countLabel || '';\n\n\t\tlet today = new Date();\n\t\tthis.start = options.start || addDays(today, 365);\n\n\t\tlet legendColors = (options.legendColors || []).slice(0, 5);\n\t\tthis.legendColors = this.validate_colors(legendColors)\n\t\t\t? legendColors\n\t\t\t: ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127'];\n\n\t\t// Fixed 5-color theme,\n\t\t// More colors are difficult to parse visually\n\t\tthis.distribution_size = 5;\n\n\t\tthis.translateX = 0;\n\t\tthis.setup();\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = 10;\n\t\tthis.translateY = 10;\n\t}\n\n\tvalidate_colors(colors) {\n\t\tif(colors.length < 5) return 0;\n\n\t\tlet valid = 1;\n\t\tcolors.forEach(function(string) {\n\t\t\tif(!isValidColor(string)) {\n\t\t\t\tvalid = 0;\n\t\t\t\tconsole.warn('\"' + string + '\" is not a valid color.');\n\t\t\t}\n\t\t}, this);\n\n\t\treturn valid;\n\t}\n\n\tconfigure() {\n\t\tsuper.configure();\n\t\tthis.today = new Date();\n\n\t\tif(!this.start) {\n\t\t\tthis.start = new Date();\n\t\t\tthis.start.setFullYear( this.start.getFullYear() - 1 );\n\t\t}\n\t\tthis.firstWeekStart = new Date(this.start.toDateString());\n\t\tthis.lastWeekStart = new Date(this.today.toDateString());\n\t\tif(this.firstWeekStart.getDay() !== 7) {\n\t\t\taddDays(this.firstWeekStart, (-1) * this.firstWeekStart.getDay());\n\t\t}\n\t\tif(this.lastWeekStart.getDay() !== 7) {\n\t\t\taddDays(this.lastWeekStart, (-1) * this.lastWeekStart.getDay());\n\t\t}\n\t\tthis.no_of_cols = getWeeksBetween(this.firstWeekStart + '', this.lastWeekStart + '') + 1;\n\t}\n\n\tcalcWidth() {\n\t\tthis.baseWidth = (this.no_of_cols + 3) * 12 ;\n\n\t\tif(this.discreteDomains) {\n\t\t\tthis.baseWidth += (12 * 12);\n\t\t}\n\t}\n\n\tmakeChartArea() {\n\t\tsuper.makeChartArea();\n\t\tthis.domainLabelGroup = makeSVGGroup(this.drawArea,\n\t\t\t'domain-label-group chart-label');\n\n\t\tthis.dataGroups = makeSVGGroup(this.drawArea,\n\t\t\t'data-groups',\n\t\t\t`translate(0, 20)`\n\t\t);\n\n\t\tthis.container.querySelector('.title').style.display = 'None';\n\t\tthis.container.querySelector('.sub-title').style.display = 'None';\n\t\tthis.container.querySelector('.graph-stats-container').style.display = 'None';\n\t\tthis.chartWrapper.style.marginTop = '0px';\n\t\tthis.chartWrapper.style.paddingTop = '0px';\n\t}\n\n\tcalc() {\n\n\t\tlet dataValues = Object.keys(this.data).map(key => this.data[key]);\n\t\tthis.distribution = calcDistribution(dataValues, this.distribution_size);\n\n\t\tthis.monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n\t\t\t\"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\n\t\t];\n\t}\n\n\trender() {\n\t\tthis.renderAllWeeksAndStoreXValues(this.no_of_cols);\n\t}\n\n\trenderAllWeeksAndStoreXValues(no_of_weeks) {\n\t\t// renderAllWeeksAndStoreXValues\n\t\tthis.domainLabelGroup.textContent = '';\n\t\tthis.dataGroups.textContent = '';\n\n\t\tlet currentWeekSunday = new Date(this.firstWeekStart);\n\t\tthis.weekCol = 0;\n\t\tthis.currentMonth = currentWeekSunday.getMonth();\n\n\t\tthis.months = [this.currentMonth + ''];\n\t\tthis.monthWeeks = {}, this.monthStartPoints = [];\n\t\tthis.monthWeeks[this.currentMonth] = 0;\n\t\tthis.monthStartPoints.push(13);\n\n\t\tfor(var i = 0; i < no_of_weeks; i++) {\n\t\t\tlet dataGroup, monthChange = 0;\n\t\t\tlet day = new Date(currentWeekSunday);\n\n\t\t\t[dataGroup, monthChange] = this.get_week_squares_group(day, this.weekCol);\n\t\t\tthis.dataGroups.appendChild(dataGroup);\n\t\t\tthis.weekCol += 1 + parseInt(this.discreteDomains && monthChange);\n\t\t\tthis.monthWeeks[this.currentMonth]++;\n\t\t\tif(monthChange) {\n\t\t\t\tthis.currentMonth = (this.currentMonth + 1) % 12;\n\t\t\t\tthis.months.push(this.currentMonth + '');\n\t\t\t\tthis.monthWeeks[this.currentMonth] = 1;\n\t\t\t}\n\t\t\taddDays(currentWeekSunday, 7);\n\t\t}\n\t\tthis.render_month_labels();\n\t}\n\n\tget_week_squares_group(currentDate, index) {\n\t\tconst noOfWeekdays = 7;\n\t\tconst squareSide = 10;\n\t\tconst cellPadding = 2;\n\t\tconst step = 1;\n\t\tconst todayTime = this.today.getTime();\n\n\t\tlet monthChange = 0;\n\t\tlet weekColChange = 0;\n\n\t\tlet dataGroup = makeSVGGroup(this.dataGroups, 'data-group');\n\n\t\tfor(var y = 0, i = 0; i < noOfWeekdays; i += step, y += (squareSide + cellPadding)) {\n\t\t\tlet dataValue = 0;\n\t\t\tlet colorIndex = 0;\n\n\t\t\tlet currentTimestamp = currentDate.getTime()/1000;\n\t\t\tlet timestamp = Math.floor(currentTimestamp - (currentTimestamp % 86400)).toFixed(1);\n\n\t\t\tif(this.data[timestamp]) {\n\t\t\t\tdataValue = this.data[timestamp];\n\t\t\t}\n\n\t\t\tif(this.data[Math.round(timestamp)]) {\n\t\t\t\tdataValue = this.data[Math.round(timestamp)];\n\t\t\t}\n\n\t\t\tif(dataValue) {\n\t\t\t\tcolorIndex = getMaxCheckpoint(dataValue, this.distribution);\n\t\t\t}\n\n\t\t\tlet x = 13 + (index + weekColChange) * 12;\n\n\t\t\tlet dataAttr = {\n\t\t\t\t'data-date': getDdMmYyyy(currentDate),\n\t\t\t\t'data-value': dataValue,\n\t\t\t\t'data-day': currentDate.getDay()\n\t\t\t};\n\n\t\t\tlet heatSquare = makeHeatSquare('day', x, y, squareSide,\n\t\t\t\tthis.legendColors[colorIndex], dataAttr);\n\n\t\t\tdataGroup.appendChild(heatSquare);\n\n\t\t\tlet nextDate = new Date(currentDate);\n\t\t\taddDays(nextDate, 1);\n\t\t\tif(nextDate.getTime() > todayTime) break;\n\n\n\t\t\tif(nextDate.getMonth() - currentDate.getMonth()) {\n\t\t\t\tmonthChange = 1;\n\t\t\t\tif(this.discreteDomains) {\n\t\t\t\t\tweekColChange = 1;\n\t\t\t\t}\n\n\t\t\t\tthis.monthStartPoints.push(13 + (index + weekColChange) * 12);\n\t\t\t}\n\t\t\tcurrentDate = nextDate;\n\t\t}\n\n\t\treturn [dataGroup, monthChange];\n\t}\n\n\trender_month_labels() {\n\t\t// this.first_month_label = 1;\n\t\t// if (this.firstWeekStart.getDate() > 8) {\n\t\t// \tthis.first_month_label = 0;\n\t\t// }\n\t\t// this.last_month_label = 1;\n\n\t\t// let first_month = this.months.shift();\n\t\t// let first_month_start = this.monthStartPoints.shift();\n\t\t// render first month if\n\n\t\t// let last_month = this.months.pop();\n\t\t// let last_month_start = this.monthStartPoints.pop();\n\t\t// render last month if\n\n\t\tthis.months.shift();\n\t\tthis.monthStartPoints.shift();\n\t\tthis.months.pop();\n\t\tthis.monthStartPoints.pop();\n\n\t\tthis.monthStartPoints.map((start, i) => {\n\t\t\tlet month_name =  this.monthNames[this.months[i]].substring(0, 3);\n\t\t\tlet text = makeText('y-value-text', start+12, 10, month_name);\n\t\t\tthis.domainLabelGroup.appendChild(text);\n\t\t});\n\t}\n\n\tbindTooltip() {\n\t\tArray.prototype.slice.call(\n\t\t\tdocument.querySelectorAll(\".data-group .day\")\n\t\t).map(el => {\n\t\t\tel.addEventListener('mouseenter', (e) => {\n\t\t\t\tlet count = e.target.getAttribute('data-value');\n\t\t\t\tlet dateParts = e.target.getAttribute('data-date').split('-');\n\n\t\t\t\tlet month = this.monthNames[parseInt(dateParts[1])-1].substring(0, 3);\n\n\t\t\t\tlet gOff = this.chartWrapper.getBoundingClientRect(), pOff = e.target.getBoundingClientRect();\n\n\t\t\t\tlet width = parseInt(e.target.getAttribute('width'));\n\t\t\t\tlet x = pOff.left - gOff.left + (width+2)/2;\n\t\t\t\tlet y = pOff.top - gOff.top - (width+2)/2;\n\t\t\t\tlet value = count + ' ' + this.countLabel;\n\t\t\t\tlet name = ' on ' + month + ' ' + dateParts[0] + ', ' + dateParts[2];\n\n\t\t\t\tthis.tip.setValues(x, y, {name: name, value: value, valueFirst: 1}, []);\n\t\t\t\tthis.tip.showTip();\n\t\t\t});\n\t\t});\n\t}\n\n\tupdate(data) {\n\t\tsuper.update(data);\n\t\tthis.bindTooltip();\n\t}\n}\n","import BaseChart from './BaseChart';\nimport { dataPrep, zeroDataPrep, getShortenedLabels } from '../utils/axis-chart-utils';\nimport { Y_AXIS_MARGIN } from '../utils/constants';\nimport { getComponent } from '../objects/ChartComponents';\nimport { $, getOffset, fire } from '../utils/dom';\nimport { calcChartIntervals, getIntervalSize, getValueRange, getZeroIndex, scale } from '../utils/intervals';\nimport { floatTwo } from '../utils/helpers';\nimport { makeOverlay, updateOverlay } from '../utils/draw';\nimport { MIN_BAR_PERCENT_HEIGHT, BAR_CHART_SPACE_RATIO, LINE_CHART_DOT_SIZE } from '../utils/constants';\n\nexport default class AxisChart extends BaseChart {\n\tconstructor(parent, args) {\n\t\tsuper(parent, args);\n\n\t\tthis.barOptions = args.barOptions || {};\n\t\tthis.lineOptions = args.lineOptions || {};\n\n\t\tthis.type = args.type || 'line';\n\t\tthis.init = 1;\n\n\t\tthis.setup();\n\t}\n\n\tconfigure(args) {\n\t\tsuper.configure();\n\n\t\targs.axisOptions = args.axisOptions || {};\n\t\targs.tooltipOptions = args.tooltipOptions || {};\n\n\t\tthis.config.xAxisMode = args.axisOptions.xAxisMode || 'span';\n\t\tthis.config.yAxisMode = args.axisOptions.yAxisMode || 'span';\n\t\tthis.config.xIsSeries = args.axisOptions.xIsSeries || 0;\n\n\t\tthis.config.formatTooltipX = args.tooltipOptions.formatTooltipX;\n\t\tthis.config.formatTooltipY = args.tooltipOptions.formatTooltipY;\n\n\t\tthis.config.valuesOverPoints = args.valuesOverPoints;\n\t}\n\n\tsetMargins() {\n\t\tsuper.setMargins();\n\t\tthis.leftMargin = Y_AXIS_MARGIN;\n\t\tthis.rightMargin = Y_AXIS_MARGIN;\n\t}\n\n\tprepareData(data=this.data) {\n\t\treturn dataPrep(data, this.type);\n\t}\n\n\tprepareFirstData(data=this.data) {\n\t\treturn zeroDataPrep(data);\n\t}\n\n\tcalc(onlyWidthChange = false) {\n\t\tthis.calcXPositions();\n\t\tif(onlyWidthChange) return;\n\t\tthis.calcYAxisParameters(this.getAllYValues(), this.type === 'line');\n\t}\n\n\tcalcXPositions() {\n\t\tlet s = this.state;\n\t\tlet labels = this.data.labels;\n\t\ts.datasetLength = labels.length;\n\n\t\ts.unitWidth = this.width/(s.datasetLength);\n\t\t// Default, as per bar, and mixed. Only line will be a special case\n\t\ts.xOffset = s.unitWidth/2;\n\n\t\t// // For a pure Line Chart\n\t\t// s.unitWidth = this.width/(s.datasetLength - 1);\n\t\t// s.xOffset = 0;\n\n\t\ts.xAxis = {\n\t\t\tlabels: labels,\n\t\t\tpositions: labels.map((d, i) =>\n\t\t\t\tfloatTwo(s.xOffset + i * s.unitWidth)\n\t\t\t)\n\t\t};\n\t}\n\n\tcalcYAxisParameters(dataValues, withMinimum = 'false') {\n\t\tconst yPts = calcChartIntervals(dataValues, withMinimum);\n\t\tconst scaleMultiplier = this.height / getValueRange(yPts);\n\t\tconst intervalHeight = getIntervalSize(yPts) * scaleMultiplier;\n\t\tconst zeroLine = this.height - (getZeroIndex(yPts) * intervalHeight);\n\n\t\tthis.state.yAxis = {\n\t\t\tlabels: yPts,\n\t\t\tpositions: yPts.map(d => zeroLine - d * scaleMultiplier),\n\t\t\tscaleMultiplier: scaleMultiplier,\n\t\t\tzeroLine: zeroLine,\n\t\t};\n\n\t\t// Dependent if above changes\n\t\tthis.calcDatasetPoints();\n\t\tthis.calcYExtremes();\n\t\tthis.calcYRegions();\n\t}\n\n\tcalcDatasetPoints() {\n\t\tlet s = this.state;\n\t\tlet scaleAll = values => values.map(val => scale(val, s.yAxis));\n\n\t\ts.datasets = this.data.datasets.map((d, i) => {\n\t\t\tlet values = d.values;\n\t\t\tlet cumulativeYs = d.cumulativeYs || [];\n\t\t\treturn {\n\t\t\t\tname: d.name,\n\t\t\t\tindex: i,\n\t\t\t\tchartType: d.chartType,\n\n\t\t\t\tvalues: values,\n\t\t\t\tyPositions: scaleAll(values),\n\n\t\t\t\tcumulativeYs: cumulativeYs,\n\t\t\t\tcumulativeYPos: scaleAll(cumulativeYs),\n\t\t\t};\n\t\t});\n\t}\n\n\tcalcYExtremes() {\n\t\tlet s = this.state;\n\t\tif(this.barOptions.stacked) {\n\t\t\ts.yExtremes = s.datasets[s.datasets.length - 1].cumulativeYPos;\n\t\t\treturn;\n\t\t}\n\t\ts.yExtremes = new Array(s.datasetLength).fill(9999);\n\t\ts.datasets.map(d => {\n\t\t\td.yPositions.map((pos, j) => {\n\t\t\t\tif(pos < s.yExtremes[j]) {\n\t\t\t\t\ts.yExtremes[j] = pos;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tcalcYRegions() {\n\t\tlet s = this.state;\n\t\tif(this.data.yMarkers) {\n\t\t\tthis.state.yMarkers = this.data.yMarkers.map(d => {\n\t\t\t\td.position = scale(d.value, s.yAxis);\n\t\t\t\t// if(!d.label.includes(':')) {\n\t\t\t\t// \td.label += ': ' + d.value;\n\t\t\t\t// }\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.state.yRegions = this.data.yRegions.map(d => {\n\t\t\t\td.startPos = scale(d.start, s.yAxis);\n\t\t\t\td.endPos = scale(d.end, s.yAxis);\n\t\t\t\treturn d;\n\t\t\t});\n\t\t}\n\t}\n\n\tgetAllYValues() {\n\t\t// TODO: yMarkers, regions, sums, every Y value ever\n\t\tlet key = 'values';\n\n\t\tif(this.barOptions.stacked) {\n\t\t\tkey = 'cumulativeYs';\n\t\t\tlet cumulative = new Array(this.state.datasetLength).fill(0);\n\t\t\tthis.data.datasets.map((d, i) => {\n\t\t\t\tlet values = this.data.datasets[i].values;\n\t\t\t\td[key] = cumulative = cumulative.map((c, i) => c + values[i]);\n\t\t\t});\n\t\t}\n\n\t\tlet allValueLists = this.data.datasets.map(d => d[key]);\n\t\tif(this.data.yMarkers) {\n\t\t\tallValueLists.push(this.data.yMarkers.map(d => d.value));\n\t\t}\n\t\tif(this.data.yRegions) {\n\t\t\tthis.data.yRegions.map(d => {\n\t\t\t\tallValueLists.push([d.end, d.start]);\n\t\t\t})\n\t\t}\n\n\t\treturn [].concat(...allValueLists);\n\t}\n\n\tsetupComponents() {\n\t\tlet componentConfigs = [\n\t\t\t[\n\t\t\t\t'yAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.yAxisMode,\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'xAxis',\n\t\t\t\t{\n\t\t\t\t\tmode: this.config.xAxisMode,\n\t\t\t\t\theight: this.height,\n\t\t\t\t\t// pos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\ts.xAxis.calcLabels = getShortenedLabels(this.width,\n\t\t\t\t\t\ts.xAxis.labels, this.config.xIsSeries);\n\n\t\t\t\t\treturn s.xAxis;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\n\t\t\t[\n\t\t\t\t'yRegions',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yRegions;\n\t\t\t\t}.bind(this)\n\t\t\t],\n\t\t];\n\n\t\tlet barDatasets = this.state.datasets.filter(d => d.chartType === 'bar');\n\t\tlet lineDatasets = this.state.datasets.filter(d => d.chartType === 'line');\n\n\t\tlet barsConfigs = barDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'barGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tstacked: this.barOptions.stacked,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t\tminHeight: this.height * MIN_BAR_PERCENT_HEIGHT,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\t\t\t\t\tlet stacked = this.barOptions.stacked;\n\n\t\t\t\t\tlet spaceRatio = this.barOptions.spaceRatio || BAR_CHART_SPACE_RATIO;\n\t\t\t\t\tlet barsWidth = s.unitWidth * (1 - spaceRatio);\n\t\t\t\t\tlet barWidth = barsWidth/(stacked ? 1 : barDatasets.length);\n\n\t\t\t\t\tlet xPositions = s.xAxis.positions.map(x => x - barsWidth/2);\n\t\t\t\t\tif(!stacked) {\n\t\t\t\t\t\txPositions = xPositions.map(p => p + barWidth * index);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet labels = new Array(s.datasetLength).fill('');\n\t\t\t\t\tif(this.config.valuesOverPoints) {\n\t\t\t\t\t\tif(stacked && d.index === s.datasets.length - 1) {\n\t\t\t\t\t\t\tlabels = d.cumulativeYs;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlabels = d.values;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tlet offsets = new Array(s.datasetLength).fill(0);\n\t\t\t\t\tif(stacked) {\n\t\t\t\t\t\toffsets = d.yPositions.map((y, j) => y - d.cumulativeYPos[j]);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: xPositions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\t\t\t\t\t\toffsets: offsets,\n\t\t\t\t\t\t// values: d.values,\n\t\t\t\t\t\tlabels: labels,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tbarsWidth: barsWidth,\n\t\t\t\t\t\tbarWidth: barWidth,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet lineConfigs = lineDatasets.map(d => {\n\t\t\tlet index = d.index;\n\t\t\treturn [\n\t\t\t\t'lineGraph' + '-' + d.index,\n\t\t\t\t{\n\t\t\t\t\tindex: index,\n\t\t\t\t\tcolor: this.colors[index],\n\t\t\t\t\tsvgDefs: this.svgDefs,\n\t\t\t\t\theatline: this.lineOptions.heatline,\n\t\t\t\t\tregionFill: this.lineOptions.regionFill,\n\t\t\t\t\thideDots: this.lineOptions.hideDots,\n\t\t\t\t\thideLine: this.lineOptions.hideLine,\n\n\t\t\t\t\t// same for all datasets\n\t\t\t\t\tvaluesOverPoints: this.config.valuesOverPoints,\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\tlet s = this.state;\n\t\t\t\t\tlet d = s.datasets[index];\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\txPositions: s.xAxis.positions,\n\t\t\t\t\t\tyPositions: d.yPositions,\n\n\t\t\t\t\t\tvalues: d.values,\n\n\t\t\t\t\t\tzeroLine: s.yAxis.zeroLine,\n\t\t\t\t\t\tradius: this.lineOptions.dotSize || LINE_CHART_DOT_SIZE,\n\t\t\t\t\t};\n\t\t\t\t}.bind(this)\n\t\t\t];\n\t\t});\n\n\t\tlet markerConfigs = [\n\t\t\t[\n\t\t\t\t'yMarkers',\n\t\t\t\t{\n\t\t\t\t\twidth: this.width,\n\t\t\t\t\tpos: 'right'\n\t\t\t\t},\n\t\t\t\tfunction() {\n\t\t\t\t\treturn this.state.yMarkers;\n\t\t\t\t}.bind(this)\n\t\t\t]\n\t\t];\n\n\t\tcomponentConfigs = componentConfigs.concat(barsConfigs, lineConfigs, markerConfigs);\n\n\t\tlet optionals = ['yMarkers', 'yRegions'];\n\t\tthis.dataUnitComponents = [];\n\n\t\tthis.components = new Map(componentConfigs\n\t\t\t.filter(args => !optionals.includes(args[0]) || this.state[args[0]])\n\t\t\t.map(args => {\n\t\t\t\tlet component = getComponent(...args);\n\t\t\t\tif(args[0].includes('lineGraph') || args[0].includes('barGraph')) {\n\t\t\t\t\tthis.dataUnitComponents.push(component);\n\t\t\t\t}\n\t\t\t\treturn [args[0], component];\n\t\t\t}));\n\t}\n\n\tbindTooltip() {\n\t\t// NOTE: could be in tooltip itself, as it is a given functionality for its parent\n\t\tthis.chartWrapper.addEventListener('mousemove', (e) => {\n\t\t\tlet o = getOffset(this.chartWrapper);\n\t\t\tlet relX = e.pageX - o.left - this.leftMargin;\n\t\t\tlet relY = e.pageY - o.top - this.translateY;\n\n\t\t\tif(relY < this.height + this.translateY * 2) {\n\t\t\t\tthis.mapTooltipXPosition(relX);\n\t\t\t} else {\n\t\t\t\tthis.tip.hideTip();\n\t\t\t}\n\t\t});\n\t}\n\n\tmapTooltipXPosition(relX) {\n\t\tlet s = this.state;\n\t\tif(!s.yExtremes) return;\n\n\t\tlet formatY = this.config.formatTooltipY;\n\t\tlet formatX = this.config.formatTooltipX;\n\n\t\tlet titles = s.xAxis.labels;\n\t\tif(formatX && formatX(titles[0])) {\n\t\t\ttitles = titles.map(d=>formatX(d));\n\t\t}\n\n\t\tformatY = formatY && formatY(s.yAxis.labels[0]) ? formatY : 0;\n\n\t\tfor(var i=s.datasetLength - 1; i >= 0 ; i--) {\n\t\t\tlet xVal = s.xAxis.positions[i];\n\t\t\t// let delta = i === 0 ? s.unitWidth : xVal - s.xAxis.positions[i-1];\n\t\t\tif(relX > xVal - s.unitWidth/2) {\n\t\t\t\tlet x = xVal + this.leftMargin;\n\t\t\t\tlet y = s.yExtremes[i] + this.translateY;\n\n\t\t\t\tlet values = this.data.datasets.map((set, j) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttitle: set.name,\n\t\t\t\t\t\tvalue: formatY ? formatY(set.values[i]) : set.values[i],\n\t\t\t\t\t\tcolor: this.colors[j],\n\t\t\t\t\t};\n\t\t\t\t});\n\n\t\t\t\tthis.tip.setValues(x, y, {name: titles[i], value: ''}, values, i);\n\t\t\t\tthis.tip.showTip();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\trenderLegend() {\n\t\tlet s = this.data;\n\t\tthis.statsWrapper.textContent = '';\n\n\t\tif(s.datasets.length > 1) {\n\t\t\ts.datasets.map((d, i) => {\n\t\t\t\tlet stats = $.create('div', {\n\t\t\t\t\tclassName: 'stats',\n\t\t\t\t\tinside: this.statsWrapper\n\t\t\t\t});\n\t\t\t\tstats.innerHTML = `\n\t\t\t\t\t\n\t\t\t\t\t${d.name}\n\t\t\t\t`;\n\t\t\t});\n\t\t}\n\t}\n\n\tmakeOverlay() {\n\t\tif(this.init) {\n\t\t\tthis.init = 0;\n\t\t\treturn;\n\t\t}\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\n\t\tthis.overlayGuides = this.dataUnitComponents.map(c => {\n\t\t\treturn {\n\t\t\t\ttype: c.unitType,\n\t\t\t\toverlay: undefined,\n\t\t\t\tunits: c.units,\n\t\t\t};\n\t\t});\n\n\t\tif(this.state.currentIndex === undefined) {\n\t\t\tthis.state.currentIndex = this.state.datasetLength - 1;\n\t\t}\n\n\t\t// Render overlays\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\td.overlay = makeOverlay[d.type](currentUnit);\n\t\t\tthis.drawArea.appendChild(d.overlay);\n\t\t});\n\n\t}\n\n\tupdateOverlayGuides() {\n\t\tif(this.overlayGuides) {\n\t\t\tthis.overlayGuides.forEach(g => {\n\t\t\t\tlet o = g.overlay;\n\t\t\t\to.parentNode.removeChild(o);\n\t\t\t});\n\t\t}\n\t}\n\n\tbindOverlay() {\n\t\tthis.parent.addEventListener('data-select', () => {\n\t\t\tthis.updateOverlay();\n\t\t});\n\t}\n\n\tbindUnits() {\n\t\tthis.dataUnitComponents.map(c => {\n\t\t\tc.units.map(unit => {\n\t\t\t\tunit.addEventListener('click', () => {\n\t\t\t\t\tlet index = unit.getAttribute('data-point-index');\n\t\t\t\t\tthis.setCurrentDataPoint(index);\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\n\t\t// Note: Doesn't work as tooltip is absolutely positioned\n\t\tthis.tip.container.addEventListener('click', () => {\n\t\t\tlet index = this.tip.container.getAttribute('data-point-index');\n\t\t\tthis.setCurrentDataPoint(index);\n\t\t});\n\t}\n\n\tupdateOverlay() {\n\t\tthis.overlayGuides.map(d => {\n\t\t\tlet currentUnit = d.units[this.state.currentIndex];\n\t\t\tupdateOverlay[d.type](currentUnit, d.overlay);\n\t\t});\n\t}\n\n\tonLeftArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex - 1);\n\t}\n\n\tonRightArrow() {\n\t\tthis.setCurrentDataPoint(this.state.currentIndex + 1);\n\t}\n\n\tgetDataPoint(index=this.state.currentIndex) {\n\t\tlet s = this.state;\n\t\tlet data_point = {\n\t\t\tindex: index,\n\t\t\tlabel: s.xAxis.labels[index],\n\t\t\tvalues: s.datasets.map(d => d.values[index])\n\t\t};\n\t\treturn data_point;\n\t}\n\n\tsetCurrentDataPoint(index) {\n\t\tlet s = this.state;\n\t\tindex = parseInt(index);\n\t\tif(index < 0) index = 0;\n\t\tif(index >= s.xAxis.labels.length) index = s.xAxis.labels.length - 1;\n\t\tif(index === s.currentIndex) return;\n\t\ts.currentIndex = index;\n\t\tfire(this.parent, \"data-select\", this.getDataPoint());\n\t}\n\n\t// API\n\taddDataPoint(label, datasetValues, index=this.state.datasetLength) {\n\t\tsuper.addDataPoint(label, datasetValues, index);\n\t\tthis.data.labels.splice(index, 0, label);\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\td.values.splice(index, 0, datasetValues[i]);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tremoveDataPoint(index = this.state.datasetLength-1) {\n\t\tif (this.data.labels.length <= 1) {\n\t\t\treturn;\n\t\t}\n\t\tsuper.removeDataPoint(index);\n\t\tthis.data.labels.splice(index, 1);\n\t\tthis.data.datasets.map(d => {\n\t\t\td.values.splice(index, 1);\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\tupdateDataset(datasetValues, index=0) {\n\t\tthis.data.datasets[index].values = datasetValues;\n\t\tthis.update(this.data);\n\t}\n\t// addDataset(dataset, index) {}\n\t// removeDataset(index = 0) {}\n\n\tupdateDatasets(datasets) {\n\t\tthis.data.datasets.map((d, i) => {\n\t\t\tif(datasets[i]) {\n\t\t\t\td.values = datasets[i];\n\t\t\t}\n\t\t});\n\t\tthis.update(this.data);\n\t}\n\n\t// updateDataPoint(dataPoint, index = 0) {}\n\t// addDataPoint(dataPoint, index = 0) {}\n\t// removeDataPoint(index = 0) {}\n}\n"],"names":["$","expr","con","document","querySelector","getOffset","element","rect","getBoundingClientRect","top","documentElement","scrollTop","body","left","scrollLeft","isElementInViewport","el","bottom","window","innerHeight","clientHeight","right","innerWidth","clientWidth","getElementContentWidth","styles","getComputedStyle","padding","parseFloat","paddingLeft","paddingRight","fire","target","type","properties","evt","createEvent","initEvent","j","dispatchEvent","floatTwo","d","toFixed","fillArray","array","count","start","length","fillerArray","Array","Math","abs","fill","concat","getStringWidth","string","charWidth","getPositionByAngle","angle","radius","sin","ANGLE_RATIO","cos","getBarHeightAndYAttr","yTop","zeroLine","height","y","equilizeNoOfElements","array1","array2","extraCount","translate","unit","oldCoord","newCoord","duration","old","join","transform","STD_EASING","translateVertLine","xLine","newX","oldX","MARKER_LINE_ANIM_DUR","translateHoriLine","yLine","newY","oldY","animateRegion","rectGroup","newY1","newY2","oldY2","newHeight","childNodes","stroke-dasharray","getAttribute","animateBar","bar","x","width","offset","nodeName","UNIT_ANIM_DUR","split","slice","animateDot","dot","cx","cy","animatePath","paths","newXList","newYList","pathComponents","pathStr","map","i","animPath","path","PATH_ANIM_DUR","push","region","regStartPt","regEndPt","animRegion","animatePathStr","oldPath","createSVG","tag","o","createElementNS","val","appendChild","ref","parentNode","insertBefore","keys","style","prop","setAttribute","renderVerticalGradient","svgDefElem","gradientId","setGradientStop","gradElem","color","opacity","makeSVGContainer","parent","className","makeSVGDefs","svgContainer","makeSVGGroup","makePath","makeArcPathStr","startPosition","endPosition","center","clockWise","arcStartX","arcStartY","arcEndX","arcEndY","makeGradient","lighter","gradientDef","opacities","makeHeatSquare","size","data","args","key","makeText","content","FONT_SIZE","makeVertLine","label","y1","y2","options","stroke","BASE_LINE_COLOR","l","text","LABEL_MARGIN","line","makeHoriLine","x1","x2","lineType","pos","mode","AXIS_TICK_LENGTH","yMarker","labelSvg","yRegion","datasetBar","index","meta","minHeight","group","datasetDot","getPaths","xList","yList","pointsStr","heatline","gradient_id","svgDefs","regionFill","gradient_id_region","limitColor","r","lightenDarkenColor","amt","col","getColor","usePound","num","parseInt","b","g","toString","isValidColor","test","getDifferentChart","current_type","ALL_CHART_TYPES","includes","error","COMPATIBLE_CHARTS","useColor","COLOR_COMPATIBLE_CHARTS","colors","undefined","Chart","animateSVGElement","props","dur","easingType","oldValues","animElement","cloneNode","newElement","attributeName","animateElement","currentValue","value","animAttr","EASING","webkitTransform","msTransform","mozTransform","oTransform","animateSVG","elements","newElements","animElements","replaceChild","animSvg","runSMILAnimation","svgElement","elementsToAnimate","animSvgElement","removeChild","REPLACE_ALL_NEW_DUR","getComponent","name","constants","getData","Object","componentConfigs","filter","k","config","assign","ChartComponent","treatAsUtc","dateStr","result","Date","setMinutes","getMinutes","getTimezoneOffset","getDdMmYyyy","date","dd","getDate","mm","getMonth","getFullYear","getWeeksBetween","startDateStr","endDateStr","ceil","getDaysBetween","addDays","numberOfDays","setDate","normalize","isNaN","mantissa","exponent","sig","isFinite","exp","floor","log10","pow","getChartRangeIntervals","max","min","upperBound","lowerBound","range","noOfParts","partSize","intervals","getChartIntervals","maxValue","minValue","normalMaxValue","normalMinValue","calcChartIntervals","values","getPositiveFirstIntervals","absMinValue","intervalSize","unshift","withMinimum","pseudoMaxValue","pseudoMinValue","reverse","getZeroIndex","yPts","interval","getIntervalSize","indexOf","orderedArray","getValueRange","scale","yAxis","scaleMultiplier","calcDistribution","distributionSize","dataMaxValue","distributionStep","distribution","checkpoint","getMaxCheckpoint","dataPrep","labels","datasetLength","datasets","zeroArray","vals","chartType","AXIS_DATASET_CHART_TYPES","yRegions","end","zeroDataPrep","realData","zeroData","yMarkers","getShortenedLabels","chartWidth","isSeries","allowedLetters","DEFAULT_CHAR_WIDTH","getChartByType","AxisChart","chartTypes","create","createElement","SvgTip","titleName","titleValue","listValues","titleValueFirst","setup","makeTooltip","calcPosition","container","this","hideTip","title","dataPointList","addEventListener","innerHTML","set","_this2","li","offsetWidth","offsetHeight","maxLeft","pointer","pointerOffset","valueFirst","refresh","INIT_CHART_UPDATE_TIMEOUT","PI","makeOverlay","transformValue","overlay","updateOverlay","attributes","attr","specified","nodeValue","PRESET_COLOR_MAP","DEFAULT_COLORS","BaseChart","rawChartArgs","HTMLElement","Error","subtitle","argHeight","prepareData","prepareFirstData","showLegend","isNavigable","state","initTimeout","overlays","configure","setColors","setMargins","_this","draw","list","baseHeight","translateY","leftMargin","rightMargin","validate","_setup","makeContainer","components","Map","chartWrapper","statsWrapper","tip","bindTooltip","onlyWidthChange","init","calcWidth","calc","makeChartArea","setupComponents","forEach","c","drawArea","render","update","renderLegend","setupNavigation","baseWidth","animate","svg","make","updateNav","bindUnits","bindOverlay","keyActions","onEnterKey","bind","onLeftArrow","onUpArrow","onRightArrow","onDownArrow","e","_this4","event","keyCode","point","dataset","dataPoint","AggregationChart","maxSlices","maxLegendPoints","s","sliceTotals","allTotals","total","totals","sort","a","sumOfRemaining","textContent","legendTotals","xValues","_this3","PercentageChart","marginTop","marginBottom","paddingTop","chart","percentageBar","grandTotal","reduce","slices","classList","contains","gOff","pOff","formattedLabels","percent","setValues","showTip","layerClass","layerTransform","makeElements","animateElements","store","layer","oldData","sliceStrings","transition","newData","positions","position","newPos","newLabels","oldPos","oldLabels","calcLabels","marker","startPos","endPos","_this5","newStarts","oldStarts","unitType","units","yPositions","xPositions","barWidth","offsets","barsWidth","newXPos","newYPos","newOffsets","oldXPos","oldYPos","oldOffsets","hideLine","hideDots","valuesOverPoints","newValues","PieChart","mouseMove","mouseLeave","hoverRadio","startAngle","calcSlices","prevSlicesProperties","slicesProperties","curAngle","originDiffAngle","diffAngle","endAngle","prevProperty","curStart","curEnd","curPath","component","property","flag","calTranslateByAngle","g_off","pageX","pageY","formatted_labels","get","prevIndex","curActiveSliceIndex","prevAcitve","curActiveSlice","hoverSlice","Heatmap","domain","subdomain","discreteDomains","countLabel","today","legendColors","validate_colors","distribution_size","translateX","valid","warn","setFullYear","firstWeekStart","toDateString","lastWeekStart","getDay","no_of_cols","domainLabelGroup","dataGroups","display","dataValues","monthNames","renderAllWeeksAndStoreXValues","no_of_weeks","currentWeekSunday","weekCol","currentMonth","months","monthWeeks","monthStartPoints","dataGroup","monthChange","day","get_week_squares_group","render_month_labels","currentDate","todayTime","getTime","weekColChange","squareSide","dataValue","colorIndex","currentTimestamp","timestamp","round","dataAttr","heatSquare","nextDate","shift","pop","substring","prototype","call","querySelectorAll","dateParts","month","barOptions","lineOptions","axisOptions","tooltipOptions","xAxisMode","yAxisMode","xIsSeries","formatTooltipX","formatTooltipY","calcXPositions","calcYAxisParameters","getAllYValues","unitWidth","xOffset","xAxis","intervalHeight","calcDatasetPoints","calcYExtremes","calcYRegions","scaleAll","cumulativeYs","stacked","yExtremes","cumulativeYPos","cumulative","allValueLists","barDatasets","lineDatasets","barsConfigs","spaceRatio","p","lineConfigs","dotSize","markerConfigs","optionals","dataUnitComponents","relX","mapTooltipXPosition","formatY","formatX","titles","xVal","_this6","overlayGuides","currentIndex","currentUnit","_this7","setCurrentDataPoint","_this9","_this10","getDataPoint","datasetValues","splice"],"mappings":"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"}
\ No newline at end of file
diff --git a/docs/assets/js/index.js b/docs/assets/js/index.js
index f80e224..b9f73ed 100755
--- a/docs/assets/js/index.js
+++ b/docs/assets/js/index.js
@@ -93,7 +93,6 @@ let lineCompositeChart = new Chart (c1, {
 	height: 190,
 	colors: ['green'],
 	isNavigable: 1,
-	isSeries: 1,
 	valuesOverPoints: 1,
 
 	lineOptions: {
@@ -108,7 +107,6 @@ let barCompositeChart = new Chart (c2, {
 	type: 'bar',
 	height: 190,
 	colors: ['violet', 'light-blue', '#46a9f9'],
-	isSeries: 1,
 	valuesOverPoints: 1,
 	axisOptions: {
 		xAxisMode: 'tick'
@@ -135,34 +133,20 @@ let typeData = {
 
 	yMarkers: [
 		{
-			label: "Marker 1",
-			value: 42,
-			type: 'dashed'
-		},
-		{
-			label: "Marker 2",
-			value: 25,
-			type: 'dashed'
+			label: "Marker",
+			value: 43,
+			// type: 'dashed'
 		}
 	],
 
 	yRegions: [
 		{
-			label: "Region Y 1",
+			label: "Region",
 			start: -10,
 			end: 50
 		},
 	],
 
-	// will depend on series code for calculating X values
-	// xRegions: [
-	// 	{
-	// 		label: "Region X 2",
-	// 		start: ,
-	// 		end: ,
-	// 	}
-	// ],
-
 	datasets: [
 		{
 			name: "Some Data",
@@ -181,66 +165,41 @@ let typeData = {
 			values: [15, 20, -3, -15, 58, 12, -17, 37],
 			chartType: 'line'
 		}
-
-		// temp : Stacked
-		// {
-		// 	name: "Some Data",
-		// 	values:[25, 30, 50, 45, 18, 12, 27, 14]
-		// },
-		// {
-		// 	name: "Another Set",
-		// 	values: [18, 20, 30, 35, 8, 7, 17, 4]
-		// },
-		// {
-		// 	name: "Another Set",
-		// 	values: [11, 8, 19, 15, 3, 4, 10, 2]
-		// },
 	]
 };
 
-let typeChart = new Chart("#chart-types", {
-	title: "My Awesome Chart",
-	data: typeData,
-	type: 'bar',
-	height: 250,
-	colors: ['purple', 'magenta', 'light-blue'],
-	isSeries: 1,
-	valuesOverPoints: 1,
-	// maxLegendPoints: 6,
-	// maxSlices: 3,
-	isNavigable: 1,
-	barOptions: {
-		stacked: 1
-	},
-	tooltipOptions: {
-		formatTooltipX: d => (d + '').toUpperCase(),
-		formatTooltipY: d => d + ' pts',
-	}
-});
+// let typeChart = new Chart("#chart-types", {
+// 	title: "My Awesome Chart",
+// 	data: typeData,
+// 	type: 'bar',
+// 	height: 250,
+// 	colors: ['purple', 'magenta', 'red'],
+// 	tooltipOptions: {
+// 		formatTooltipX: d => (d + '').toUpperCase(),
+// 		formatTooltipY: d => d + ' pts',
+// 	}
+// });
 
 
 
 
 // Aggregation chart
 // ================================================================================
-let aggrChart = new Chart("#chart-aggr", {
+let args = {
 	data: typeData,
-	type: 'pie',
+	type: 'axis-mixed',
 	height: 250,
 	colors: ['purple', 'magenta', 'light-blue'],
-	isSeries: 1,
 
 	maxLegendPoints: 6,
 	maxSlices: 10,
 
-	barOptions: {
-		stacked: 1
-	},
 	tooltipOptions: {
 		formatTooltipX: d => (d + '').toUpperCase(),
 		formatTooltipY: d => d + ' pts',
 	}
-});
+}
+let aggrChart = new Chart("#chart-aggr", args);
 
 Array.prototype.slice.call(
 	document.querySelectorAll('.aggr-type-buttons button')
@@ -248,8 +207,9 @@ Array.prototype.slice.call(
 	el.addEventListener('click', (e) => {
 		let btn = e.target;
 		let type = btn.getAttribute('data-type');
+		args.type = type;
 
-		let newChart = aggrChart.getDifferentChart(type);
+		let newChart = new Chart("#chart-aggr", args);;
 		if(newChart){
 			aggrChart = newChart;
 		}
@@ -266,7 +226,9 @@ Array.prototype.slice.call(
 let update_data_all_labels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue",
 	"Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri",
 	"Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon"];
-let update_data_all_values = Array.from({length: 30}, () => Math.floor(Math.random() * 75 - 15));
+
+let getRandom = () => Math.floor(Math.random() * 75 - 15);
+let update_data_all_values = Array.from({length: 30}, getRandom);
 
 // We're gonna be shuffling this
 let update_data_all_indices = update_data_all_labels.map((d,i) => i);
@@ -281,22 +243,27 @@ let update_data = {
 	datasets: [{
 		"values": get_update_data(update_data_all_values)
 	}],
-	"specific_values": [
+	yMarkers: [
 		{
-			name: "Altitude",
-			// name: "A very long text",
-			line_type: "dashed",
-			value: 38
+			label: "Altitude",
+			value: 25,
+			type: 'dashed'
+		}
+	],
+	yRegions: [
+		{
+			label: "Range",
+			start: 10,
+			end: 45
 		},
-	]
+	],
 };
 
 let update_chart = new Chart("#chart-update", {
 	data: update_data,
 	type: 'line',
 	height: 250,
-	colors: ['red'],
-	isSeries: 1,
+	colors: ['#ff6c03'],
 	lineOptions: {
 		// hideLine: 1,
 		regionFill: 1
@@ -307,9 +274,26 @@ let chart_update_buttons = document.querySelector('.chart-update-buttons');
 
 chart_update_buttons.querySelector('[data-update="random"]').addEventListener("click", (e) => {
 	shuffle(update_data_all_indices);
+	let value = getRandom();
+	let start = getRandom();
+	let end = getRandom();
 	let data = {
 		labels: update_data_all_labels.slice(0, 10),
 		datasets: [{values: get_update_data(update_data_all_values)}],
+		yMarkers: [
+			{
+				label: "Altitude",
+				value: value,
+				type: 'dashed'
+			}
+		],
+		yRegions: [
+			{
+				label: "Range",
+				start: start,
+				end: end
+			},
+		],
 	}
 	update_chart.update(data);
 });
@@ -350,8 +334,7 @@ let plotChartArgs = {
 	data: trends_data,
 	type: 'line',
 	height: 250,
-	colors: ['blue'],
-	isSeries: 1,
+	colors: ['#238e38'],
 	lineOptions: {
 		hideDots: 1,
 		heatline: 1,
@@ -469,7 +452,8 @@ new Chart("#chart-heatmap", {
 	type: 'heatmap',
 	legendScale: [0, 1, 2, 4, 5],
 	height: 115,
-	discreteDomains: 1
+	discreteDomains: 1,
+	legendColors: ['#ebedf0', '#fdf436', '#ffc700', '#ff9100', '#06001c']
 });
 
 Array.prototype.slice.call(
diff --git a/docs/index.html b/docs/index.html
index 2adda90..8f354b9 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -18,6 +18,8 @@
 
     
     
+
+    
   
 
   
@@ -66,24 +68,37 @@
           label: "Yet Another", type: 'line',
           values: [15, 20, -3, -15, 58, 12, -17, 37]
         }
-      ]
+      ],
+
+      yMarkers: [{ label: "Marker", value: 70 }],
+      yRegions: [{ label: "Region", start: -10, end: 50 }]
     },
 
     title: "My Awesome Chart",
     type: 'axis-mixed', // or 'bar', 'line', 'pie', 'percentage'
     height: 250,
-    colors: ['#7cd6fd', 'violet', 'blue']
+    colors: ['purple', '#ffa3ef', 'red']
   });
                                                                                                                                                                    
-              
                                                                                                                                                                    
-              
+              
+
               
                                                                                                                                                                    
               
                                                                                                                                                                    
-                
+                
+